1.首先确认大屏尺寸,比如:2560x1440;
2.确认尺寸之后就可以在全局css文件中,设置两个变量:h
$w: 100/2560
$h: 100/1440
3.需要引用该变量的css文件中引入全局css文件;
@import "@common/css/base.scss";
4.要给某div设置宽度和高度
根据设计图效果,比如设计图上该div宽高:300x200
5.设置如下样式:
width:$w*300;
height:$h*200;
6.其他所有样式均以此类推;可适应不同分辨率大小的屏幕。