如何让Android浏览器以屏幕大小呈现我的文档？

Question

我正在开发一个应该可以流畅地缩放到低分辨率的网站，这样它在手机上也可以正常工作。 当我把窗口缩小时，这在Firefox和Chrome中运行良好，但是当我在实际的Android手机（运行Android 2.2的Nexus One）上试用它时，它会让它变得非常庞大！ （使用JS的window.innerWidth和window.innerHeight属性，它报告的视口分辨率似乎是800x1271！）

有没有办法在浏览器窗口中以实际大小呈现页面，以便我可以在手机上显示我的完整设计？ 允许用户代理嗅探，允许JS但不鼓励。

Answer 1

我自己解决了。 解决方案是将以下代码添加到标头：

<meta name="viewport" content="width = device-width">

Answer 2

感谢您回答自己的问题 - 您也得到了我的解决方案。

对于有类似问题的其他人来说，只是一些额外的信息，我在运行Android 2.2的Nexus One上使用jQuery $(window).width() / $(window).height()获得了以下结果。

没有<meta name="viewport">

- 肖像800 x 1130，风景800 x 358

使用<meta name="viewport" content="width=device-width">

- 肖像320 x 452，风景533 x 239

使用<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">

- 肖像480 x 678，风景800 x 358 - 真正的像素尺寸！

我无法在iPhone上测试它：如果有人想尝试，测试就在这里 。