关于rem,我查过很多次手册,每次查完都忘记.
他是一个相对长度单位.
他是相对根元素(html)的font-size值的倍数,来描述元素的大小.
首先rem有兼容性问题.
rem可以设置字体的大小也可以设置盒子的宽高.
这里盒子的宽是400px,高度是200px;字体大小是40px;
当我们要修改盒子大小的时候,只需要更改根元素的font-size就可以改变所有使用了rem设置大小的盒子.
rem多用于webapp.相比viewpoint.rem更加灵活.viewpoint是将整个页面缩放,当我们有的东西要缩放,有的不要缩放的时候,rem就好用很多.
那么rem是如何实现响应式的呢?
css代码
html代码:
