REM布局

rem是相对根元素<html>的字体大小来进行计算的。

在下面的例子中，我们设置html的font-size属性为100px，则可知.text-example元素的宽度为3 * 100 = 300px：

html {
    font-size: 100px;
}
.text-example {
    display: block;
    width: 3rem;
}

在移动端，我们可以在页面加载时判断浏览器的宽度，然后通过js修改html元素的font-size，从而实现页面元素根据浏览器宽度动态调整大小的效果。

牛气腾腾/html5-cli