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

荔枝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的话。

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

阅读 17.3k
2 个回答

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题