Question

我正在努力建立一个在手机上运行良好的网站。到目前为止，我测试的每部手机都运行良好，但手机使用的是Windows Mobile IE。似乎Mobile IE只读取<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/>并且没有将宽度设置为设备宽度。

任何人都有这方面的经验或任何有关在移动IE上更好地浏览网站的提示吗？

感谢您的帮助！

Answer 1

如果您指定实际宽度，则移动IE似乎仅尊重视口元标记。要使页面宽度遵循实际设备宽度，请使用内容设置为0的mobileoptimized元标记：

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

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

如果您将其与上面的视口元标记结合使用，则可以为您提供大多数移动浏览器所需的内容。

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版本，无法识别视口 - 您应该使用上面显示的mobileoptimized标记。

width =设备宽度在Mobile IE中不起作用

3 个答案: