手机浏览器为什么会把web元素放大1.5倍呢?

2012-10-29 19:39:52 +08:00
 uk
我就不信这个贴还没人回!
2950 次点击
所在节点    问与答
3 条回复
for4
2012-10-29 20:22:24 +08:00
没有吧 什么手机什么浏览器?

PS 感谢我吧...
uk
2012-10-29 21:39:32 +08:00
@for4

安卓
<meta name="viewport" content="width=device-width; target-densitydpi=high-dpi; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0 user-scalable=no"/>

target-densitydpi=high-dpi 这个对安卓的UC, 百度, 360, QQ等都有效; 而对欧鹏, 火狐等却无效,他们会把元素尺寸放大 1.5 倍

不用 target-densitydpi=high-dpi 的话浏览器显示的元素尺寸是 1*1.5, 请问这是什么问题呢?
Archangel_SDY
2012-10-29 22:27:35 +08:00
target-densityDpi已经从草案中移除, UC等用的是Android的WebKit改的所以还没有合并最新的补丁.

参见:
https://bugzilla.mozilla.org/show_bug.cgi?id=737090
https://bugs.webkit.org/show_bug.cgi?id=88047

关于1.5倍可以参见这里的Building web pages to support different screen densities一节:
http://developer.android.com/reference/android/webkit/WebView.html

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/51200

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX