rem和vw/vh的区别
在移动端网页中常用的两种相对单位就是rem和vw/vh,那么他们都有什么区别呢?
rem
- rem数值是相对于html标签的字号(一般设置为当前设备视口宽度的十分之一)大小来决定的
- 在不同的移动设备上需要不断地修改html标签的字号大小,以适应设备
- 需要媒体查询media
- 需要引用flexible.js
- 目前在市场上比较常见,如手淘之类都在用
vw/vh
- vw/vh在同一个网页中只能使用一个,不可混用,否则盒子可能会出错
- vw/vh的数值是相对于设备视口宽/高的1%来决定的
- 适应不同的设备,省去了多余的判断和修改
- 是未来的趋势,如小米和b站之类的在用