반응형
[min-width를 사용하는 경우]
스마트폰 등 가장 작은 사이즈에서의 레이아웃을 기본으로 하고, 점차 확장되어가는 형태로 CSS를 작성합니다.
[max-width를 사용하는 경우]
데스크탑용의 가장 큰 화면 사이즈의 레이아웃을 기본으로 하고, 점차 축소하는 형태로 CSS를 작성합니다.
반응형으로 만들어졌지만 어떤 디바이스를 중점으로 설계됐는지에 따라 다르다고 생각함.
개인적으로 pc 화면을 기준으로 만들어졌다면 max-width, 모바일 화면이 기준이라면 min-width를 쓰는 걸 선호함.
반응형
'CSS' 카테고리의 다른 글
background gradient (0) | 2023.09.25 |
---|---|
padding으로 비율 고정하기 (0) | 2023.09.06 |
HTML 언어별 CSS 적용하기 (0) | 2023.08.28 |
CSS - transition 축약 정리 (0) | 2023.05.28 |
css - 배경 오버레이 시키기 (0) | 2023.05.25 |