移动端像素单位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