我无法让IE移动设备停止自动调整网站设计的大小。我使用三个带有媒体查询的样式表在不同的设备屏幕上以不同的方式显示网站。我已经包含了meta标签,因此它在IE mobile上显示了移动样式表,但它仍然将视口设置为320X480,而不是使用480X800的实际大小。如何强制它以实际屏幕尺寸显示而不是缩小以获得更小的分辨率?
答案 0 :(得分:0)
出于兼容性原因,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(纵向模式)。请注意,这可能会在其他浏览器中产生意外的副作用,甚至在切换到横向模式(太小/大缩放级别)时也是如此。
答案 1 :(得分:0)
我个人总是使用以下内容:
<meta name="mobileoptimized" content="0" />
这是一个非常有用的页面:http://msdn.microsoft.com/en-us/library/dd938878.aspx