移动端屏幕自适应的js设置和css设置讲解

1，js需要的设置
(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 = setTimeout(a, 300)
});
a();
})(); //手机端需要引用的一段js
2 , css里在最头部要对html的font-size设置；
html: {font-size: 100px};
3 , 在HTML行内样式里和css里就可以写css了。
换算规则是：1rem = 100px；
比如：width: 1px; --> 可以写成：width: .01rem;
图片也可以设置宽高：
比如：图片设置宽高单位用rem的写法；
img {
width: .3rem; height: .3rem; display: block;
}