rem移动端自适应布局JS
2020-02-01 05:05
363 查看
rem移动端自适应布局JS
window.onload = function(){//750为设计图宽度,640就写640,这样1rem = 100px
getRem(750,100)
};
window.onresize = function(){
getRem(750,100)
};
function getRem(pwidth,prem){
var html = document.getElementsByTagName(“html”)[0];
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
html.style.fontSize = oWidth / pwidth * prem + “px”;
}
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- rem自适应布局-移动端自适应必备:flexible.js
- rem自适应布局-移动端自适应必备:flexible.js
- 超好用的移动端布局自适应大小rem判断js文件及超过一定高度回到顶部按钮代码
- rem自适应布局-移动端自适应必备:flexible.js
- rem自适应布局-移动端自适应必备:flexible.js
- rem自适应布局-移动端自适应必备:flexible.js
- 移动端页面自适应解决方案 rem布局
- 【移动端】页面自适应布局—基于rem布局
- Html5移动端页面自适应布局详解(阿里rem布局)
- 移动端自适应:flexible.js可伸缩布局使用
- rem自适应布局-移动端自适应必备
- 移动端网页 rem 自适应布局
- rem自适应布局-移动端自适应必备
- rem布局--移动端页面自适应解决方案
- Html5移动端页面自适应布局详解(阿里rem布局)
- 移动端网页 rem 自适应布局
- 移动端rem自适应布局(切图)
- 移动端的自适应rem布局
- 浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应
- 移动端布局、rem布局、手淘团队flexible.js、zoom缩放