详解rem 适配布局

2020-04-21 23:51:04易采站长站整理

3、使用vw、vh


html{
font-size: 10vw
}

vw、vh是新的一种相对单位是把可视区域分的宽高为100份类似于百分比布局,这种方案它不用去写js,不过兼容性有点差

下面附上vw、vh兼容性的表

每篇一省 rem是相对于根元素的fontSize,所以所有努力就是设置根元素的fontSize与设备宽度成正比