densitydpi属性详解(推荐)(2)

device-dpihigh-dpimedium-dpilow-dpi70

densitydpi属性详解(推荐)

densitydpi属性详解(推荐)

densitydpi属性详解(推荐)

densitydpi属性详解(推荐)

densitydpi属性详解(推荐)

360400

densitydpi属性详解(推荐)

densitydpi属性详解(推荐)


查看测试时,虽然同时注意图片与文字大小的变化!

总结:

从各浏览器的测试效果来看,只有android WEB和UC支持这个属性,依目前国内手机浏览器的占比来看,UC使用率还是非常高的,所以,在android方面使用这个属性去解决问题的话,还是可以得到大面积支持的。另外关于这个属性中最后一个自定义取值,当值超过最大值400或小于最小值70的时候,所设置的自定义值将被忽略,系统将会使用默认值medium-dpi来显示。

另外,在搜寻这个属性的同事,从网上得到的另一个信息是关于WEBKIT对于这个属性不再进行支持,具体信息如下:

https://lists.webkit.org/pipermail/webkit-dev/2012-June/020914.html
There's some concern that target-densitydpi is used by some apps that
are bundled with Android, but folks appear willing to deprecate the
feature and to migrate those apps to using other mechanisms, such as
responsive images and CSS device units.

不过,经过我个人测试至少android目前的4.1.2对这个属性还是会有支持,或许之前的老版本也会有支持!

以上信息都是经过个人测试得到,如果有不同的见解,也希望大家能进行交流,谢谢!

另外,对于WEBKIT不在再这个属性的另一个解决办法是网络上提到比较多的二种方案:

1、responsive images

2、CSS device units

参考链接:https://www.jb51.net/article/121515.htm

参考链接:https://www.jb51.net/article/121531.htm

这二个东西到底如何,我也将会做进一步的了解。以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wydzjz.html