诺基亚Windows手机中的Internet Explorer 10不响应

Question

我使用了Twitter Bootstrap使我的网站具有响应式布局。一切都很好，但是在Nokia（Lumia 920）Windows手机上的IE 10无法正常工作。我进行了大量搜索，每个人都说如果我添加@media(max-width:480px){@-ms-viewport{width:320px;} ...}就可以解决问题，但问题仍然存在。这不仅发生在我的网站上，而且所有其他网站也是如此。Windows手机上的IE 10根本不具备响应式布局。是否有任何建议？谢谢。

- user217648

---

你能提供你的网站链接吗？ - Den

请使用IE 10在您的Windows Phone上查看此msdn页面：http://msdn.microsoft.com/en-us/library/jj862343.aspx - user217648

看看@stowball写的这篇文章，应该会让你找到正确的方向。http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html - justinavery

谢谢，我已经阅读了。也许我可以在我的网站上解决这个问题。但问题是，在Windows Phone上几乎不可能使用IE，因为它无法重新排列页面以适应窗口大小，无论是哪个网站。 - user217648

Answer 1

你看过Trent Walton的这篇文章吗？他在其中谈到了媒体查询和WP8中的IE10 - http://trentwalton.com/2013/01/16/windows-phone-8-viewport-fix/

- Stuart Robson

Answer 2

我曾经遇到过同样的问题，我使用以下元标签进行了修复：

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

更好的解释在这里：http://getbootstrap.com/getting-started/#template

祝好。

- tgondar