我正在一个网站上工作，该网站应该可以流畅地缩小到低分辨率，以便它在手机上也能正常工作。当我只是将窗口缩小时，这在 Firefox 和 Chrome 中运行良好，但是当我在实际的 Android 手机（运行 Android 2.2 的 Nexus One）上试用它时，它会呈现超级巨大的！（使用 JS 的 window.innerWidth 和 window.innerHeight 属性，它报告的视口分辨率似乎是 800x1271！）
有没有办法在浏览器窗口中以实际大小呈现页面，以便我可以在手机上显示我的完整设计？允许用户代理嗅探，允许但不鼓励使用 JS。
我自己解决了。解决方法是在头部添加如下代码：
<meta name="viewport" content="width = device-width">
感谢您回答您自己的问题——您也让我找到了我的解决方案。
只是为其他有类似问题的人提供了一些额外的信息，我在运行 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 上测试它：如果有人想尝试，测试就在这里。