移动端---像素单位vm

        不同的设备完美视口的大小是不一样的             iphone6 -- 375             iphone6plus -- 414
        由于不同设备视口和像素比不同,所以同样的375个像素在不同的设备下意义是不一样,             比如在iphone6中 375就是全屏,而到了plus中375就会缺一块
        所以在移动端开发时,就不能再使用px来进行布局了
        vw 表示的是视口的宽度(viewport width)              100vw = 一个视口的宽度              1vw = 1%视口宽度
            vw这个单位永远相当于视口宽度进行计算
            设计图的宽度                 750px 1125px
            设计图                  750px  
            使用vw作为单位                 100vw
            创建一个 48px x 35px 大小的元素
            100vw = 750px(设计图的像素) 0.1333333333333333vw = 1px             6.4vw = 48px(设计图像素)             4.667vw = 35px
上一篇:移动端布局、网格布局


下一篇:视区单位vw, vh简介以及可实际应用场景