在朋友的帮助下,终于搞明白了这个 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
网友评论