我想问一下,为什么我的 HTC Desire HD 的浏览器报告视口(viewport)宽度为 369px,即使屏幕的实际像素大小为 480x800 WVGA。
我在我的页面中使用了这个 CSS 样式:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
你能解释一下这个奇怪的行为以及如何强制 Android 浏览器将视口(viewport)的宽度实际设置为 480px 而不是奇怪的 369px 吗?
感谢您的帮助。
最佳答案
问题的详细解释可以在 blog post 中找到.
您看到的数字 (369px) 实际上是设备尺寸乘以默认的假设屏幕密度 160 dpi。
为了使用设备屏幕密度,您必须在视口(viewport)元中指定您要使用设备的 dpi。
例如:
<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">
编辑:WebView 的文档类现在还包含有关 target-densityDpi 参数和可能值的信息。
关于android - 为什么即使使用width=device-width,android浏览器视口(viewport)也比手机实际屏幕尺寸小很多?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8896604/