可视化大屏幕的适配方法-vw/vh
vw和vh也是css中标准的单位,和px,rem, %一样 vw和vh适配方案,按照设计稿的尺寸,将px按比例计算转为vw和vh。1.在src/style下新建一个use.scss文件,定义好设计稿的宽度和高度两个变量。2.使用scss内置的`math.div`函数,定义两个`vw`和`vh`的计算函数。屏幕视口宽度 = 100vw,屏幕视口高度 = 100vh。3.传入具体的像素值,其帮我们自动计算出vw和vh的值。假如设计稿宽高为 1920px = 100vw。首先vw和vh的换算公式如下。
原创
2022-10-10 16:55:59 ·
3079 阅读 ·
1 评论