Viewport 지정 시 행동(아이폰) 정보
2060 단어 HTML
환경을 확인하다
아이폰4s의 사파리만 확인했다.다음은 모두 이 환경의 결과다.
안드로이드도 마찬가지인가요?
1. Viewport 지정이 없음(문서의 width는 980px 이하)
지정하지 않았을 때 아이폰의viewport 가로 사이즈는 980px입니다.
세로: 가로 스크롤 없음을 표시합니다.
가로: 가로 스크롤 없음을 표시합니다.(세로보다 확대)
2. Viewport 지정이 없음(문서의 width가 980px 이상)
세로: 980px로 확대하여 가로 스크롤 없이 표시합니다.
수평:수직 동작

3.width=device-width
세로: 719px로 확대하여 가로 스크롤 없이 표시할 수 있습니다.
가로: 세로로 할 때보다 조금 더 커졌어요.
세로→가로→세로, 최종 너비는 640px이다.

4.width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5
세로: 640px로 확대하여 가로 스크롤 없이 표시합니다.
가로: 가로로 스크롤 없이 표시할 수 있도록 960px로 확대합니다.(세로 1.5배)
또 확대율의 MIN, 맥스는 모두 초기 배율과 같기 때문에 확대율이 고정된다.
5.width=400
세로: 가로 스크롤 없이 표시할 수 있도록 400px로 확대합니다.
수평: 400px로 확대하여 가로 스크롤 없이 표시합니다.
width=600(세로로로로로로는width보다넓이), width=1200(총체적으로넓어보인다)도마찬가지다.

총결산
사이트 축소판 그림
Reference
이 문제에 관하여(Viewport 지정 시 행동(아이폰) 정보), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ken200/items/813462e9055d3c44631d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)