rem 适配方案

1、我们适配的目标是什么？

答： 让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。

2、怎么去达到这个目标的？

答： 使用 媒体查询 根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化元素尺寸也会发生变化，从而达到等比缩放的适配。

3、在实际的开发当中怎么使用？

• 按照设计稿与设备宽度的比例，动态计算并设置html根标签的font-size大小；（媒体查询）
• CSS中,设计稿元素的宽、高、相对位置等取值，按照同等比例换算为rem为单位的值；

前端面试

原文：https://www.cnblogs.com/counter/p/14391551.html