首页 > 代码库 > 移动端 单位 rem
移动端 单位 rem
rem是指相对于根元素的字体大小的单位(相对单位)
rem和em的区别，em相对于父元素的字体大小的单位。rem相对于根元素html字体大小计算，
px是一个绝对的单位。
所以rem可以实现强大的屏幕适配布局
例如：
html{ font-size:20px; } .btn{ width:6rem; height:3rem; } //<div class=‘btn‘></btn>那么.btn的宽度为120px;高度为60px;所以在做移动端适配的时候就要根据不同分辨率设置font-size的值,做法：
(function () { var html = document.documentElement; function onWindowResize() { html.style.fontSize = html.getBoundingClientRect().width / 20 + ‘px‘; } window.addEventListener(‘resize‘, onWindowResize); onWindowResize();})();
移动端 单位 rem
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。