2014-01-13 3 views
11

고정 레이아웃에서 응답 레이아웃으로 웹 사이트를 변경하려고하지만 HTML 너비를 설정하는 데 문제가 있습니다. 아래 이미지에서 볼 수 있듯이 페이지가 비어 있어도 html 태그의 너비는 980px입니다. CSS 또는 js가 없으며 html 태그와 doctype 만 있습니다 (브라우저에서 자동으로 추가됩니다). html width defaults to a value왜 내 HTML 페이지의 너비가 기본 값입니까?

테스트 용 Google Chrome Dev Emulator를 Apple Iphone으로 설정 했으므로 전화로도 테스트했지만 여전히 페이지가 화면에 비해 너무 크게 보입니다. 내 html 태그 너비를 변경하기 위해 무엇을 변경해야하는지 알고 있습니까?

+0

에뮬레이터 설정을 확인 했습니까? – j08691

+1

에뮬레이터에서 iPhone의 기본 너비로'980px'가 사용 되었기 때문에 가능합니까? HTML 태그에는 항상 기본 너비 - 클라이언트 윈도우의 너비가 있습니다. (화면 너비에서 스크롤바 너비 ... 빼기) – feeela

+0

iPhone 5의 기본 설정으로 Google Canary를 사용하고 있습니다. 다른 모바일 사이트를로드하는 것이 좋습니다. –

답변

11

Dev Dev Emulator입니다. Apple의 "iOS의 뷰포트 예제"에서 Apple의 Safari Web Content Guide에 따르면 iPhone의 뷰포트 기본 크기는 980px입니다. 그런 다음 Dev Emulator가 페이지 크기를 에뮬레이트합니다. 사라지게하려면 에뮬레이터를 끄거나 설정할 수있는 모든 설정을 조정하십시오.

+4

예, 답변입니다. 감사합니다. 메타 태그 뷰포트를 추가하는 것만으로도 문제가 해결되었습니다. –

관련 문제