工夫/PHP
[CSS] 미디어쿼리(Media Query)의 기본사용법
1. 기본적인 사용방법 @media (조건문) { 실행코드 } ※ 를 사용하는 방법은 권장하지 않는다. (브라우져는 일단 모든 css를 내려받기때문에 size가 커진다) ※ 구문에는 논리연산자 및 각각의 특성들이 존재하지만, 사용빈도가 적다. ※ 미디어 쿼리 구분을 따로 빼놓은 CSS 파일을 작성하는 것도 좋다. 2. 모바일우선 데스크탑우선 모바일우선 - min-width 사용 (최소 ~ 부터 적용) 작은 가로폭부터 큰 가로폭 순서로 만드는 것 ※ 모바일 = 작다 = min, 모바일기기는 해상도가 작기 때문에 작은게 먼저 조건에 부합 //기본으로 작성되는 CSS는 576px보다 작은 화면에서 작동 됩니다. // 가로모드 모바일 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) @media (mi..
2021. 4. 29.
