본문 바로가기
CSS

반응형 웹, min-width와 max-width 중 어떤 것을 사용하는게 좋을까

by 닉네임이없어서아무거나지음 2023. 8. 28.
반응형

[min-width를 사용하는 경우]
스마트폰 등 가장 작은 사이즈에서의 레이아웃을 기본으로 하고, 점차 확장되어가는 형태로 CSS를 작성합니다.

[max-width를 사용하는 경우]
데스크탑용의 가장 큰 화면 사이즈의 레이아웃을 기본으로 하고, 점차 축소하는 형태로 CSS를 작성합니다.

 

 

반응형으로 만들어졌지만 어떤 디바이스를 중점으로 설계됐는지에 따라 다르다고 생각함.

개인적으로 pc 화면을 기준으로 만들어졌다면 max-width, 모바일 화면이 기준이라면 min-width를 쓰는 걸 선호함.

 

https://studiomeal.com/archives/1004

반응형

'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