Question

我想我必须再次掌握stackoverflow的知识。：）

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

代码：

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

在Android上，例如，网站缩小，直到页面适合屏幕。任何人都知道为什么ie表现不同？任何解决方案？

最诚挚的问候，

SY

PS：我正在使用WP7仿真器。 ;）

Answer 1

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

@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" />

希望它适合你。

Answer 2

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

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

最诚挚的问候，

SY

在WP7上的IE，初始规模不起作用

2 个答案: