CSS
-
메타 태그와 미디어 쿼리CSS 2022. 8. 10. 16:18
1.meta태그 - viewport width는 뷰포트의 가로크기를 정한다. width=device-width->기기의 너비에 맞춰주세요 initial-scale->페이지 처음에 접속시 보여질 배율 initial-scale=1->css픽셀과 화면에 보여질 픽셀이 1:1을 이룬다. 결론->메타 태그로 뷰포트를 지정해 주면 모바일 친화적인 ui를 제공할 수 있다. 2.미디어 쿼리 미디어 쿼리는 반응형을 위한 기본이자 핵심이다 .title{ font-size: 40px; } @media (max-width: 600px) { .title { font-size: 20px; } } ->타이틀 의 텍스트 크기를 40px로 하되, 600px보다 작은 화면에서는 20px로 줄여주세요 .title { font-size: ..