技术栈
vw
儒雅的烤地瓜
3 个月前
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布局