为什么android浏览器视口比手机的实际屏幕尺寸小得多,即使使用width = device-width?

前端之家收集整理的这篇文章主要介绍了为什么android浏览器视口比手机的实际屏幕尺寸小得多,即使使用width = device-width?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想问一下为什么我的HTC Desire HD浏览器报告视口的宽度为369px,即使屏幕的实际像素大小为480×800 WVGA.

我在我的页面中使用这个CSS样式:

<Meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0" />

你能解释一下这个奇怪的行为,以及如何强制Android浏览器实际将视口的宽度设置为480px而不是奇怪的369px?

感谢您的任何帮助.

解决方法

可以在 blog post中找到该问题的详细说明.

您看到的数字(369像素)实际上是设备的大小乘以默认的假设,屏幕密度为160 dpi.

要使用设备屏幕密度,您必须在视口元数据中指定要使用设备的dpi.

例如.:

<Meta name="viewport" content="width=device-width,target-densityDpi=device-dpi">

编辑:WebView类的文档现在也有关于target-densityDpi参数和可能值的信息.

原文链接:https://www.f2er.com/android/315654.html

猜你在找的Android相关文章