화면 축소 시 가로스크롤 없이 축소되게 하는법

1. 최상위 태그 (body)에 width:100% / min-width 속성에 최소 유지할 사이즈 지정
2. 각 섹션에 width:100% 주기
3. 각 섹션 속에 있는 요소들을 묶어 주는 태그 만들기(wrap 같은거) 
4. wrap 태그에 max-width 로 가로 픽셀값 입력 (중앙정렬 위해 margin:0 auto 추가 )

 

 

 

<사진예시>

        body{

            width:100%;

            min-width:1020px;

            margin:0 auto;

        }

 

 

 

wrap 태그에 패딩을 주어서 요소가 좌측에 붙지 않게 해줌