rem 是怎么实现响应式布局的？

Answer 1

rem 是 CSS3 新增的一个相对单位(root em，根 em)，使用 rem 为元素设定字体大小时，仍然是相对大小， 但相对的只是 HTML 根元素。根元素只有一个，因此可以指定标准。目前移动端响应式布局，推荐使用 rem 。

首先，通过 css3 的 Media Query 针对不同屏幕的设置字体，例如

然后，就可以使用 rem 做字体或者距离的计算了，例如

Answer 2

因为字的单位相当于百分比的，所以可以实现响应式布局。