뷰포트_반응형웹

html/html_css

갓리버리 2014. 1. 22. 18:03

뷰포트

※ 확대를 할수 있게하려면

content="user-scalable=no / maximum-scale=1.0

→content="user-scalable=yes / maximum-scale=5.0

으로 하면 되지만 텍스트 입력할때 자동확대가 되기때문에

불편완성도가 떨어지므로 최종완성을 사이즈조절불가로 하는게 좋은듯 하다.

meta name="viewport"

뷰포트 선언

user-scalable=no
사용자 단말의 확대기능을 사용 유무 선언. 현재는 no 즉 확대 불가능 선언

intial-scale=1
초기의 크기를 설정해줍니다. 1배수인 1이라고 명명해줬습니다.

minimum-scale=1
최소 크기를 설정해줍니다. 1배수인 1이라고 명명해줬습니다.

maximum-scale=1
최대 크기를 설정해줍니다. 1배수인 1이라고 명명해줬습니다.

content="width=device-width"

콘텐츠를 표현할 넓이를 명명 해줍니다. 현재는 "width=device-width" 즉 크기=디바이스의 크기에 맞추겠다고 선언해주었습니다.