移动端rem 适配方案
知识点:
rem是什么?
rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素(rem)一个是依赖父元素计算(em)。
个人理解rem布局可分为俩种情况无设计稿和有设计稿:
无设计稿
1、首先需要在<head>标签中加入
<meta name="viewport" content="width=device-width,initial-scale=1.0,maixmum-scale=1.0,minimum-scale=1.0,user-scalable=no">
对于viewport的详细解释可以参考这篇文章:https://www.cnblogs.com/2050/p/3877280.html
2、在<script>标签中加入
window.onresize = function
近期评论