본문 바로가기
웹코딩 배우기/· CSS

CSS width / max-width

by 닐기 2019. 11. 14.

 

width와 max-width는 한번만 해보면 알 수 있다.

width는 컨텐츠 크기가 브라우저 크기보다 크면 스크롤이 생기고 max-width로 크기를 지정하면 스크롤이 생기지 않는다. 브라우저가 컨텐츠 크기보다 작아지면 컨텐츠도 작아진다.

 

width

max-width

min-witdh

 

height

max-height

min-height

 

크기를 지정하는 태그들은 당근 크기지정에 많이 쓰고 반응형 @media 태그에 많이 쓴다. 티스토리 css 편집에 들아가면 media 태그 엄청 많음.