为什么Galaxy Nexus/Android 4上的viewport标记不起作用？

我正在开发一个网络应用程序，它可以将屏幕大小调整到设备可能拥有的任何大小。在iOS和较早的android版本上，viewport标记可以正常工作。屏幕上的图片总是调整大小以适应屏幕。
（如此处所述：）
在Galaxy Nexus（安卓4.0）上，它不会工作。左边和右边是大约20px的空间，我不知道他为什么这样做。 我的视口标记如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

无论我对标签做了什么更改，空间总是在那里，内容不适合屏幕。 我制作了一个示例页面，向您展示其效果：
如果您在iPhone上打开此链接，内容将非常适合（您将看不到任何黄色=正文），文档宽度为320px。在Galaxy Nexus上，您将看到黄色空格，文档宽度为360px（正好是显示分辨率的一半）。这也应该是320像素！ 你也有这个问题吗？有办法解决吗

更新：我在Galaxy Note/Android 2.3.6上也注意到了同样的问题 因此，这不是安卓4的问题。我想这与大屏幕有关。

同样的问题（Galaxy Nexus-Android 4.0.2），我指的是默认浏览器中的常规网页

将viewport meta初始比例设置为小于1（缩小）似乎会被浏览器忽略。大于1的值（放大）可以正常工作

浏览器中有一些设置（设置->高级），您可以在其中更改内容：

默认缩放-这会有所不同，但不会解决问题

自动调整页面-在我的情况下没有区别

在Chrome浏览器（目前为beta版）中，一切似乎都很完美，但这不是ICS/Galaxy Nexus的默认浏览器

更新（解决方案）：

在Galaxy Nexus上设置元视口“宽度=设备宽度”失败。
设置视口“宽度=1280”效果非常好（1280px是galaxy nexus屏幕的宽度）

---

请注意，设置“width=1280，user scalable=no”会再次破坏它（即使存在user scalable=no，您也可以缩小）：（

我今天最终讨论了这个问题。我的问题有点复杂，因为我必须处理Wordpress样式表（来自另一个主题）除了基本的CSS。Chrome在我的手机和平板电脑上工作得很好，股票浏览器在平板电脑上也工作得很好。然而，股票浏览器不断缩小并向我显示桌面视图。两边都没有边距，这是正确的行为，但浏览器应该从我的侧边栏和c中删除浮动content Div并放大到主要内容（我使用@media queries）。听起来很奇怪，我实际上已经解决了这个问题，首先将缩放设置设置设置为“远”，刷新，然后将缩放重置为“中”，刷新

---

我应该指出，当我查看页面的HTML和CSS时，我注意到您为页面div设置了特定的像素宽度。我非常确定您需要使用百分比作为宽度。例如，我的居中内容div具有

边距：0自动；

，

最小宽度：320px；

，

最大宽度：900px；

，以及

宽度：100%；

我在Galaxy选项卡2上遇到了类似的情况。在为应用程序设置WebSettings时，请尝试设置webViewSettings。setUseWideViewPort（true）在我的应用程序的Galaxy Tab 2的情况下，它被忽略了，并且在视口中的所有东西都被错误地绘制，直到我改变了它。

谢谢你的回答，但是它对我不起作用：（我改变了我的视口标签为宽度＝1280，但是这只是导致我的站点非常大。（如桌面视图）但放大到了左角..我更改了代码：谢谢。你说得对，如果我将所有宽度设置为百分比，它可能会工作，但这不是我想要的。我不想要液体设计。。