rem

1、移动端rem的问题
http://segmentfault.com/q/1010000003936111?_ea=429665
如果width以rem为单位的话，会出现如下问题：

在这个问题的基础上：http://segmentfault.com/q/1010000002442078

当width<480时，按照设定的html font-size应为10px，但是chrome最小只能是12px。如果width=320时，元素的width为30rem，想要的效果是300px，结果为360px，且超出屏幕宽度。

这种问题需要解决吗？因为chrome默认最小为12px，我就怕其他移动端的浏览器也有这种默认情况的话，怕出问题，所以请教一个，这种情况最好的解决方案是啥？

-webkit-transform:scale(0.8125);

比较好的解决办法：html font-size 为了元素宽度，字体大小也可以随意设置。

html{
font-size:100px;
}
body{
font-size: 12px;
}
p{
font-size:.14rem;
}