PC端大屏项目浏览器适配

658 阅读1分钟

1.首先确认大屏尺寸,比如:2560x1440;

2.确认尺寸之后就可以在全局css文件中,设置两个变量:ww和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.其他所有样式均以此类推;可适应不同分辨率大小的屏幕。