rem布局1
2
3
4
5
6
7
8
9
10
11
12
13<meta name="viewport" content="width=device-width,user-scalable=no"/>
<script>
(function(){
var html = document.documentElement;
var hWidth = html.getBoundingClientRect().width;
html.style.fontSize = hWidth/15 + "px";
})()
</script>
把屏幕大小分成15份 1份=1rem
若设计图是320大小 则1rem=20px 在布局时需要计算元素的大小 然后除以20px 即为rem大小
也可以把屏幕分成16份 按自己的需求来做