728x90
반응형
max-width
#main {
max-width: 600px;
margin: 0 auto;
}
<div id="main">
이러한 상황에서 width 대신 max-width를 사용하면 브라우저가 작은 창을 처리하는 방식을 개선할 수 있습니다. 이것은 사이트를 모바일 환경에서도 사용할 수 있게 만들 때 중요합니다. 이 페이지의 크기를 조절해서 어떻게 바뀌었는지 확인해 보세요!
그나저나 max-width는 IE7+를 비롯한 주요 브라우저에서 모두 지원되므로 안심하고 사용하셔도 됩니다.
728x90
반응형
'CSS > Style 함수' 카테고리의 다른 글
| css 우선 순위 강제 설정 !important (0) | 2015.11.12 |
|---|---|
| CSS : white-space: pre-line 자동줄바꿈 관련 (0) | 2015.11.06 |
| Style padding (0) | 2015.10.16 |
| [13장] CSS필터효과 (0) | 2015.10.13 |
nineDeveloper
안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!