TIL HTML/CSS Chapter 19

finelinefe·2020년 8월 19일
0

HTML/CSS

목록 보기
3/9

반응형 웹

데스크탑, 모바일, 패드 등 기기의 종류가 늘어나면서 각 화면 비율에 맞게 모든 동일한 화면을 유지할 필요가 있다. 이를 각각 크기에 따라 유동적으로 변하는 것을 반응형 웹이라고 한다. 주로 %를 이용하거나 미디어쿼리를 이용해 화면의 크기가 변하면 그 크기에 맞춰 레이아웃이 자동정렬된다

미디어쿼리

html 파일을 작성할 때 데스크탑 화면의 크기에서 일정 px로 화면크기가 변동될때 아래의 규약에 따라 지정된 css 속성으로 레이아웃이 자동 변경된다
@media = 미디어쿼리를 선언할때 시작하는 부분으로 이해한다

@media only screen and (max-width: 480px) -> w값이 최대 480일때

0개의 댓글