防止IE Mobile自動縮放網頁

Question

我一直無法使IE移動設備停止自動調整網站設計大小。我正在使用三種帶有媒體查詢的樣式表在不同的設備屏幕上以不同的方式顯示網站。我已經添加了meta標籤，以便在IE移動版上顯示移動樣式表，但它始終將視口設置爲320X480，而不是使用480X800的實際尺寸。我如何強制它顯示在實際的屏幕大小，而不是縮放比例較小的分辨率？

Answer 1

出於兼容性原因，IE Mobile將width = device-width解釋爲width = 320（縱向模式）和width = 480px（橫向模式）。有關完整的詳細信息，請參閱http://blogs.msdn.com/b/iemobile/archive/2010/11/22/the-ie-mobile-viewport-on-windows-phone-7.aspx。

據我所知，迫使IE Mobile以「實際屏幕尺寸」顯示的唯一方法是將視口值硬編碼爲width = 480（縱向模式）。請注意，這可能會在其他瀏覽器中產生意想不到的副作用，或者甚至在您切換到橫向模式時（即太小/太大的縮放級別）。

Answer 2

我個人一直使用以下命令：

<meta name="mobileoptimized" content="0" /> 

這是一個非常有用的頁面：http://msdn.microsoft.com/en-us/library/dd938878.aspx