7

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

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

谢谢您的帮助！

4

3 回答 3

7

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

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

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

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

于 2010-01-18T19:41:36.947 回答
2

在 CSS 中写这个

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

或在 html 中：

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

和下班后的设备宽度

于 2014-01-02T12:01:16.950 回答
1

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

于 2010-11-18T23:29:19.830 回答