自适应布局中，rem是一种重要的CSS单位，它基于根元素html的字体大小。与em不同，rem提供了一种统一调整所有字体大小的方法，适用于各种视口宽度。通过设置html的font-size，可以实现比例上的布局调整，且大部分现代浏览器都支持rem。实现自适应通常包括设置根元素字体大小和使用媒体查询来适应不同屏幕尺寸。
1、什么是自适应
自适应区别于响应式布局最大的优点是可以适应视口宽度为任意大小的设备rem也是一种CSS长度单位，也是相对单位。
2、什么是rem
rem是相对于根元素也就是html的字体大小单位，容易与em混淆，em指的是相对于父元素的字体大小，如果需要做自适应，那么应当使用rem做全局处理，而不是使用em。
3、什么是rem基准值
rem基准值就是rem与px之间的换算关系，
它相对于根元素（<html>）下的font-size的值，1rem = html下font-size的值。
这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。
目前，除了IE8及更早版本外，所有浏览器均已支持rem。
实现rem自适应布局的操作步骤：
1、设置根元素的字体大小
我这里采用的是默认1rem=16px；谷歌浏览器就是这个比例。
css轮播查询实现
使用轮播查询时，按大在前小在后的顺序写。
1249
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
