移动端页面rem用法
2016-11-30 16:43
204 查看
1 JS方法
var iWidth=document.documentElement.clientWidth;
document.getElementsByTagName("html")[0].style.fontSize=iWidth/25+"px";
2 CSS方法
html{font-size:93.8%} //15/16=93.8 15的意思就是 想设置的 1rem等于15px。
这个值最小不能小于12 /16=75%
3 JS方法(这个比较好)
var iWidth=document.documentElement.clientWidth;
document.getElementsByTagName("html")[0].style.fontSize=iWidth/25+"px";
2 CSS方法
html{font-size:93.8%} //15/16=93.8 15的意思就是 想设置的 1rem等于15px。
这个值最小不能小于12 /16=75%
3 JS方法(这个比较好)
html{ font-size:20px; }
<script> document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px'; window.onresize=function(){ document.documentElement.style.fontSize=20*document.documentElement.clientWidth/320+'px'; }; </script>
相关文章推荐
- 移动端rem单位用法
- 移动端响应式rem用法
- 移动端rem的用法
- 浅谈移动端rem的用法
- 移动端页面字体单位rem
- 简单介绍移动端CSS3单位rem的用法
- 移动端页面适配的rem换算
- html移动端页面适配js(采用rem+百分比形式)
- 移动端页面使用单位的问题:关于px、百分比、em、rem开发中逐渐转换的问题记录
- 移动端页面自适应解决方案 rem布局
- rem测试用实现移动端自适应页面
- rem实现移动端自适应页面
- 移动端页面使用rem来做适配
- 用Rem来无脑还原Web移动端自适应的页面
- 以rem为单位移动端页面开发
- 移动端rem单位用法[转]
- 使用rem设计移动端自适应页面三(转载)
- 【移动端】基于rem实现手机端页面自适应--动态改变dpr和font-size
- 浅谈移动端rem的用法
- 移动端页面使用rem布局