HTML & CSS #15 : 미디어 쿼리
접속하는 미디어(device)에 따라 특정 CSS스타일을 사용할 수 있도록 하는 것! 브라우저 창의 너비가 조절될 때마다 화면에 표시되는 column 갯수가 달라지고, 사용하는 디바이스의 크기에 따라 웹사이트의 layout이 바뀌는 것이 그 예시이다. 미디어 쿼리 구문 @media [only|not] 미디어_유형 [and 조건] * [and 조건] 미디어 유형은 all, print, screen, tv, aural, braille, handheld, projection, tty, embossed 가 있다. 미디어 쿼리의 조건 - viewport (가로 너비와 세로 높이) 속성으로는 1. width, height 2. min-width, min-height 3. max-width, max-height 가 ..
2022. 12. 16.
