반응형 반응형웹1 [반응형 웹] CSS3의 Media Query를 활용하여 다양한 조건에서 다른 css를 실행하는 방법 CSS3에서는 Media Query를 사용하여 다양한 디바이스의 화면 크기에 따라 콘텐츠를 적절하게 조절할 수 있습니다. Media Query는 웹 페이지의 스타일과 개별 요소를 조절하여 반응형 디자인을 구현하는 데 필요한 도구입니다. 이 글에서는 Media Query의 사용법을 알아보도록 하겠습니다. Media Query의 기본 구조는 다음과 같습니다. css @media (조건) { /* 스타일 선언 */ } 화면 크기에 따른 적용: css @media (max-width: 767px) { /* 화면 너비가 767px 이하일 때 적용할 스타일 */ } 위의 코드에서는 화면 너비가 767px (픽셀) 이하인 경우에 스타일이 적용됩니다. 반대로, min-width를 사용하여 특정 화면 크기 이상일 때 스.. 2023. 7. 17. 이전 1 다음 반응형
