1

我想我必须再次利用stackoverflow的知识。:)

假设我有一个宽度为 500 像素的网站。我希望该网站作为一个整体显示在 Windows Phone 7 的 Internet Explorer 上，不能水平滚动。我认为给网站一个 500 像素的宽度并将视口设置为 500 就可以完成这项工作。在真正有效的 webkit 浏览器上，但在 WP 上，视口保持设备宽度，在我的情况下为 320px。这就是为什么水平滚动是可能的。

代码：

<meta name="viewport" content="width=500">

例如，在 Android 上，网站会缩小，直到页面适合屏幕。有人知道为什么 ie 的行为不同吗？有什么解决办法吗？

此致，

西

PS：我使用的是 WP7 模拟器。;)

4

2 回答 2

0

我终于找到了解决我的问题的方法。这里已经讨论过了。解决方案是在视口之外使用元标记MobileOptimized。这对我行得通。:)

<meta name="MobileOptimized" content="640">

此致，

西

于 2013-06-24T11:37:36.623 回答
0

为不同的设备分辨率定义视口宽度是一种非常糟糕的做法。尝试简单的 CSS 媒体查询，例如：

@media screen and (max-width:500px){
body{
width:100%;
}
}
@media screen and (min-width:500px){
body{
width: 500px;
margin:0 auto;
}
}

它可以在任何设备上完美运行。并在您的 Web 应用程序中添加这个理想的视口元标记。

<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />

希望对你有效。

于 2013-06-06T21:05:02.337 回答