移动端自适应屏幕的方法,使用vh和vw

vh是相对设备的高度  1vh=视窗高度1%;

如果视窗高度是520px.你的2vh就是520px*2%=10.4px;实际上他的高度是10.4px。

如果知道设计图的px尺寸和视窗px尺寸,如何求他的vh高度呢?

vh=100*设计图的px尺寸/视窗px尺寸

 

vw相对于设备的宽度  1vw=视窗宽度的1%

 

因此我们可以写个编辑器来计算你想要换算的vh和vw吧标识的




    
    换算器


    


        可视区宽度:px

        可视区高度:px

        

        

        量出的宽度:px

        量出的高度:px

        

        结果宽度:   vw
        

        结果高度:   vh
    

    

 

 

你可能感兴趣的:(css,js)