function remAdapt(){//自适应引入，元素单位用rem
(function () {
var b = document.documentElement,
a = function () {
var a = b.getBoundingClientRect().width;
b.style.fontSize = (100/750) * (a >= 750 ? 750 : a) + "px"
},
c = null;
window.addEventListener("resize", function () {
clearTimeout(c);
c = setTimeout(a, 300)
});
a();
})();
;// }// window.addEventListener("load", remAdapt);
这个可以适配rem布局的JS代码
与750px的设计稿进行匹对，根据手机屏幕大小进行动态设置根元素
移动端之js控制rem，适配字体
1. rem + @media 适配手机页面 rem 用的 flexible.js 插件 @media 用来调整细节
移动端适配 remflexible.js也是rem适配的，它是将设备分成10份，1rem等于1/10。分析其中部分...
移动适配方案之--postcss-px2rem+getRem多终端适配方案适配js 1、安装npminstallp...
手淘的rem适配js flex.js ;(function(win, lib) { var doc = win.d...
安装postcss-px2rem及px2rem-loader 2.创建rem文件 3在main.js中引入适配文件...
移动端适配都用的时rem来做，在你的项目中只需要引用下面的js，即可适配成功。代码时已iphone6来做的，fon...
先上效果图： 文件名称为register.html前端代码只做为参考，像flex布局，rem适配，js部分等，就自...
本文标题：rem 适配js代码
本文链接：https://www.haomeiwen.com/subject/bxbhwxtx.html
网友评论