为什么Galaxy Nexus/Android 4上的视口标签不起作用？

Question

我正在开发一个应该调整到设备可能具有的任何屏幕尺寸的webApp.在iOS和较旧的Android版本上,视口标记工作正常.屏幕上的图片始终调整大小以适合屏幕.
(如下所述:https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW19)
在Galaxy Nexus上(Android 4.0)它无法正常工作.在左侧和右侧约20px空间,我不知道他为什么这样做.我的viewport标记如下所示:

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

无论我对标签做了什么改变,空间总是存在,内容不适合屏幕.我已经制作了一个示例页面来向您展示效果:http://easyeve.w3y.de/link/index.html
如果您在iPhone上打开此链接,内容完全适合(您将看不到任何黄色=正文)文档宽度为320px.在Galaxy Nexus上,您将看到黄色空间,文档宽度为360px(正好是显示分辨率的一半).这也应该是320px!你有这个问题,还有办法解决吗？

更新:我在Galaxy Note/Android 2.3.6上发现了同样的问题因此它不是Android 4的问题.它与我猜的大屏幕尺寸有关..

Answer 1

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

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

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

1. 默认缩放 - 它有所不同，但它不能解决问题
2. 自动调整页面 - 就我而言没有什么区别

在 Chrome 浏览器（目前为测试版）中，一切似乎都运行得非常完美，但这并不是ICS / Galaxy Nexus 的默认浏览器。

更新（解决方案）：

在 Galaxy Nexus 上设置元视口“width=device-width”失败。
设置视口“width=1280”效果很好（1280px是 Galaxy Nexus 屏幕的宽度）。

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