技术栈
vw
儒雅的烤地瓜
1 个月前
css
·
html
·
css3
·
vw
·
媒体查询
·
移动端适配
·
vh
CSS | 面试题:你知道几种移动端适配方案?
目录一、自适应和响应式二、为什么要做移动端适配?三、当前流行的几种适配方案(1) 方案一:百分比设置(不推荐)
JackieDYH
1 年前
自适应
·
rem
·
vw
vw+rem自适应布局
开发过程中,我们希望能够直接按照设计图来开发,不管设计图是两倍还是三倍图,能够直接写设计图尺寸而不需要换算,同时有高质的设计图还原度,想想都比较爽。 这里介绍一种使用vw和rem来布局的方案。 该方案思路主要是,设置视口宽度为设备宽度,使用vw来动态设置根元素的font-szie,同时使用sass的css function来实现设计尺寸转rem的功能,从而实现一套不需要js计算而自动设置根元素font-szie的rem布局