您的位置:首页 > 移动开发

简单的移动端rem布局方法

2017-06-28 10:26 507 查看
为根元素的html设置font-size的字体大小,根据屏幕的宽度来改变字体的大小,来达到自适应的效果,比如设计图的宽度是750px,那就用750/16=46.875px;一个div的宽度是200px,就是200/46.875=4.27rem,小数太多的情况下可以四舍五入;因为设计图宽度多为750px算起来小数特别多特别麻烦,所以把设计图宽度改成640px,算起来就好多了。

<script type="text/javascript">
//rem根元素设置字体大小
document.documentElement.style.fontSize = innerWidth / 16 + 'px';
onresize = function() {
document.documentElement.style.fontSize = innerWidth / 16 + 'px';
};

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  移动 布局 html rem