前端 - 移动端网页设置的viewport 设置target-densitydpi有什么作用?
PHP中文网
PHP中文网 2017-04-17 13:39:47
0
1
405
荔枝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的话。

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

PHP中文网
PHP中文网

认证高级PHP讲师

全部回覆(1)
Ty80

target-densitydpi 這個私有屬性,它表示目標設備的密度等級,作用是決定css中的1px代表多少物理像素

target-densitydpi 值可以為一個數值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 這幾個字串中的一個

特別說明的是,當 target-densitydpi=device-dpi 時, css中的1px會等於物理像素中的1px。
因為這個屬性只有安卓支持,而安卓已經決定要廢棄 target-densitydpi 這個屬性了,盡量避免使用這個屬性。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!