代码之家 › 专栏 › 技术社区 › MiffTheFox

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

android-browser mobile-safari android

4

MiffTheFox · 技术社区 · 14 年前

我在一个网站上工作,这个网站应该能流畅地扩展到低分辨率,这样在电话上也能正常工作。这在Firefox和Chrome中很有效,当我把窗口缩小时,但是当我在一个实际的Android手机上试用它(运行Android2.2的NexusOne)时,它会让它变得超级巨大!(使用JS的window.innerwidth和window.innerheight属性,它报告的视区分辨率似乎是800x1271!)

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

2 回复 | 直到 12 年前

1

4

MiffTheFox 14 年前

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

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

2

4

ChrisV 14 年前

谢谢你回答你自己的问题,你也让我找到了我的解决方案。

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

不 <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 .