모바일화면에서 컨텐츠 가득채우기

모바일 화면에서 가득채우기

 

 

 

뷰포트를 이용합니다.

속성은 --

width, height : px 단위 기본 960px
initial-scale : 초기 배율, (기본값 : 꽉 찬 화면)
minimum-scale : 최소 배율 0~10.0
maximum-scale : 최대배율 0~10.0
user-scalable : 확대 축소 여부 : yes/no

이렇게있구,

헤드부분에

<meta name="viewport" 

        content="width=device-width

                , user-scalable=yes

                ,initial-scale=1.0

                , maximum-scale=3.0" />

요런식으로 넣습니다.