width=device-width在Mobile IE中不起作用

Question

我想做一个在手机上运行良好的网站。到目前为止，我测试的每一部手机都工作得很好，但安装了Windows Mobile IE的手机。似乎Mobile IE只是通过<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>读取，并没有将宽度设置为设备宽度。

有没有人对此有任何经验，或者有任何让网站在Mobile IE上更好浏览的小贴士？

谢谢你的帮助！

Answer 1

如果你指定了一个实际的宽度，移动IE似乎只会注意到viewport的meta标签。要使页面宽度跟随实际设备宽度，请使用内容设置为0的device优化的meta标记：

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

有关MSDN的详细信息：http://msdn.microsoft.com/en-us/library/dd938878.aspx

如果你把它和上面的viewport meta标签结合起来，这应该会给你在大多数移动浏览器中寻找的东西。

Answer 2

在CSS中编写以下代码

@-ms-viewport{
    width: device-width;
}

或者在html中：

<style type="text/css">
  @-ms-viewport{
  width: device-width;
  }
</style>

和下班后设备宽度

Answer 3

对于早于Windows Phone 7的IE Mobile版本，无法识别Viewport -您应该使用上面所示的mobileoptimized标签。