移动端网页设置的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的话。
让我越来越蒙了,这个属性是用来干嘛的?兼容性差的话有必要用吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(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直接就提示不支持了,估计是废了