width=device-width 在移动 IE 中不起作用答案

【问题标题】：width=device-width not working in Mobile IEwidth=device-width 在移动 IE 中不起作用
【发布时间】：2011-01-03 21:13:46
【问题描述】：

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

任何人对此有任何经验或有任何提示可以使网站在 Mobile IE 上更好地查看？

感谢您的帮助！

【问题讨论】：

标签： windows-mobile viewport

【解决方案1】：

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

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

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

如果您将其与上述视口元标记结合使用，这应该会为您提供您在大多数移动浏览器中寻找的内容。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

用 CSS 写这个

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

或在 html 中：

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

下班后设备宽度

【讨论】：