移动端网页设置的viewport 设置target-densitydpi有什么作用?

发布于 2022-09-03 12:08:31 字数 558 浏览 16 评论 0

荔枝FM
<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
网易
<meta content="target-densitydpi=device-dpi,width=640,user-scalable=no" name="viewport">

这两个移动站都设置了target-densitydpi=device-dpi这个属性,我查了一下腾讯是这么说的
图片描述

网上其他的文章是这么说的

2,这个属性只对android系统起作用,专有属性。iOS不支持它,所以说起来,还是有兼容性问题,如果页面是兼容IOS和android的话。

让我越来越蒙了,这个属性是用来干嘛的?兼容性差的话有必要用吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

我偏爱纯白色 2022-09-10 12:08:31

target-densitydpi 这个私有属性,它表示目标设备的密度等级,作用是决定css中的1px代表多少物理像素

target-densitydpi 值可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个

特别说明的是,当 target-densitydpi=device-dpi 时, css中的1px会等于物理像素中的1px。
因为这个属性只有安卓支持,并且安卓已经决定要废弃 target-densitydpi 这个属性了,尽量避免使用这个属性。

謌踐踏愛綪 2022-09-10 12:08:31

chrome直接就提示不支持了,估计是废了
clipboard.png

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文