현재 모바일 웹 사이트에서 작업하고 있습니다. 모든 것이 iOS와 Android에서 잘 작동하지만 Windows Phone의 뷰포트 메타 태그에 문제가있어 뷰포트의 너비를 640px로 설정하려고 할 때 발생합니다. 내가 사용하고 있습니다 :Windows Phone 뷰포트 메타 태그
<meta name="viewport" content="width=640,user-scalable=no"/>
을 보인다 그러나 당신이 480 픽셀 윈도우 폰은 자동으로 적용 뷰포트 크게 설정하려고 할 때마다 뷰포트를 기본으로하는 (가 1024px).
모두 해결 방법?
width을 320에서 480 사이로 설정하지 않으면 나는 <meta name="viewport">과 Windows Phone 7.5에서 많은 성공을 거두지 못했습니다. 그 범위를 벗어나면 320으로 기본값을 설정 한 것 같습니다.
그냥 <meta name="MobileOptimized" content="640">을 사용했는데 완벽하게 작동했습니다. <meta name="viewport" content="width=640,user-scalable=no">처럼 동작합니다.
this article 및 the article은 Mikael Koskinen's Answer에 의해 연결되어 있지만 그 범위는 320에서 10,000 사이 여야합니다. 그러나 나는 그것을 재현 할 수 없었습니다.
The Windows Phone team blogged about Windows Phone browser viewport 얼마 전에. 480보다 큰 너비에 대한 예제가 없지만 동적 뷰포트 크기 조정 사용과 같은 몇 가지 팁을 찾을 수 있습니다.
블로그 게시물은 Windows Phone 7.5 (Mango)에만 적용됩니다.
Windows Phone 7.5에서의 경험은 비슷합니다. 메인 div가 600px 너비로 고정 된 페이지에서 뷰포트 너비 600을 원하지만 ''x> 480을 사용하면 모바일 IE에서 기본 뷰포트 너비 (1024 픽셀) - 뷰포트 메타 태그를 전혀 사용하지 않는 경우와 같습니다. 나는 사용자가 확대/축소 수준의 제어권을 유지하기를 원하기 때문에'MobileOptimized' 해결 방법을 시도하지는 않았지만 일부에게는 좋은 옵션처럼 들립니다. – Dogmang