移动端rem布局
rem (root em)
属于相对单位, 其不是像 em
单位那样是相对于当前元素的字体大小 font-size
计算得出的值,rem
始终相对于页面根元素,即 html
的 font-size
大小计算得出。
所以我们可以使用 rem
作为页面布局主单位,再利用 媒体查询(@media screen)
或 javascript
动态计算并设置在不同屏幕大小下根元素 html
的 font-size
属性值,使得页面元素可以响应式的显示合适的大小。