Windows phone 8 显示思考它'；当它应该是小的时候，它是大的

我有一个非常恼人的问题，我正在尝试制作一个可以在大分辨率和移动设备/平板电脑上很好扩展的网页

在大屏幕上，我希望显示如下内容：

---------------------
|    |    |    |    |
|    |    |    |    |
---------------------

---------------------
|                   |  
|                   |
---------------------
---------------------
|                   |  
|                   |
---------------------
---------------------
|                   |  
|                   |
---------------------
---------------------
|                   |  
|                   |
---------------------

但是在一个小屏幕上，我希望事情看起来像这样：

---------------------
|    |    |    |    |
|    |    |    |    |
---------------------

---------------------
|                   |  
|                   |
---------------------
---------------------
|                   |  
|                   |
---------------------
---------------------
|                   |  
|                   |
---------------------
---------------------
|                   |  
|                   |
---------------------

我的标记如下（）：

在PC和iPhone上一切都运行良好，但当我在Windows Mobile（诺基亚Lumia 820）上尝试时，它认为它很大，并显示前者而不是后者。。。这让我发疯

我使用了常用的元视口

，甚至尝试了

width=320

，试图欺骗它，使其认为它更小

---

有什么建议吗？

可以将Windows Phone 8中的Internet explorer配置为桌面或移动浏览器

转到“设置”并将

网站首选项设置为“移动版”或“桌面版”。这将影响浏览器的行为方式

如果将浏览器设置为“桌面版”，您将无法避免这种情况，因为它假定了一个更宽的视域，因此您会看到这种行为。
另一方面，我不理解您第二行的目的（
）。将列放入列中，而不将它们封装到新行中。在这种情况下，整行代码似乎也没有必要了。@marijkes发现得很好，这是我工作代码中的一个复制粘贴错误。更正。若要我猜的话，可能和Lumia的屏幕大小有关。它显然有800像素长。基金会在768 px有一个断点（下面的任何东西被认为是一个小屏幕）。[来源：@marijklettekes我也这么认为，因此将
width=320
设置为
视口
，以尝试绕过默认的800px。不过，看起来Windows Mobile根本没有尊重
视口
标签。显然，例如，在Windows phone上，与meta viewport标签的效果不太好。请尝试去掉“初始规模=1”，如果这不起作用，这里有一篇关于这个确切问题的博客文章：不幸的是，我已经尝试过这个（它在任何一种模式下都不起作用），而且对于所有网站来说，它肯定设置为“移动版”。