搞清楚document.body.clientWidth和cli
2020-01-03 本文已影响0人
7b7d23d16ab5
在朋友的帮助下,终于搞明白了这个 document.body.clientWidth和clientHeight 的单位，搞清楚这个也就能慢慢搞清楚怎么配合@media来写不同尺寸下的样式了
（哎，我真是个菜菜，这也许是常识吧，我却才知道）
在chrome下 galaxy s5分辨率也是360*640
查了下 它是1080*1920的
为什么这样设计，是因为当100%DPI时，他的分辨率是360*640 200%DPI时，分辨率是720*1280 300%DPI时，分辨率时1080*1920
这样的话，就可以像安卓那样，做idpi mdpi hdpi，你只需要做一套网页，就可以适配不同dpi的
所以在这里，就是1px *300%dpi
所以它还是px
不是指的物理上的px
资料来源: https://www.jianshu.com/p/2e20f868f385
image.png
如果你是ios开发，你需要了解的单位：pt，px，ppi；实际开发中用到的单位：pt。
如果你是android开发，你需要了解的单位：dip/dp，sp，px，dpi/ppi，ldpi，mdpi，hdpi，xhdpi，xxhdpi；实际开发中用到的单位：dp，sp。
如果你是前端开发，你需要了解的单位：px，em，rem，dpr；实际开发中用到的单位：px，em，rem，dpr
