css屏幕视口宽度

最新推荐文章于 2024-04-14 12:00:16 发布

shixuerong

最新推荐文章于 2024-04-14 12:00:16 发布

阅读量1.5k

点赞数

文章标签： html 前端 css

本文链接：https://blog.csdn.net/shixuerong/article/details/125899227

版权

 rem + vw 

 
1vw = 视口的宽度*1/100
1vh = 视口的高度*1/100


375px手机屏幕下   ，视口宽度 375px   1vw = 3.75px
                                    1px = 0.2667 vw
                                    100px = 26.67v
html{
    font-size:26.67vw;
}

320px手机屏幕下，    视口宽度 320px   1vw = 3.20px   
                                    1px =  0.3125vw  
                                    100px = 31.25vw       
            
640px