미디어쿼리
-
CSS 디바이스별 미디어 쿼리퍼블리싱/HTML&CSS 2018. 3. 15. 14:45
미디어쿼리는 반응형 웹을 제작할때 사용하는 매우 유용한 구문이다. 1. 사용법- 속성으로 구분@media only screen and (max-width:768px){.className{color:#000;}}- 파일로 구분 2. 미디어 특징- width : 화면 너비@media only screen and (min-width:768px) and (max-width:1024px) {} // 너비가 768px 이상이고 1024px이하일때 적용- height : 화면 높이 - aspect-ratio : 화면 가로세로 비율@media only screen and (aspect-ratio: 3/4) {} // 가로세로 비율이 3 : 4 일때 적용- device-width : 출력장치 너비 - device-hei..