美文网首页js
搞清楚document.body.clientWidth和cli

搞清楚document.body.clientWidth和cli

作者: 7b7d23d16ab5 | 来源:发表于2020-01-03 10:13 被阅读0次

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

    相关文章

      网友评论

        本文标题:搞清楚document.body.clientWidth和cli

        本文链接:https://www.haomeiwen.com/subject/mufzoctx.html