我正在开发一个网站，该网站应该可以流畅地缩小到低分辨率，以便它在手机上也能正常工作。当我只是将窗口缩小时，这在 Firefox 和 Chrome 中运行良好，但是当我在实际的 Android 手机（运行 Android 2.2 的 Nexus One）上试用它时，它会变得非常大！ （使用JS的window.innerWidth和window.innerHeight属性，它报告的视口分辨率似乎是800x1271！）
有没有办法在浏览器窗口中以实际大小呈现页面，以便我可以在手机上显示我的完整设计？允许用户代理嗅探，允许但不鼓励使用 JS。
【问题讨论】：
标签： android mobile-safari android-browser
我自己解决了。解决方法是在头部添加如下代码：
<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 上测试它：如果有人想尝试，测试是 here。
【讨论】：