这里的“640”是变化的,根据设计图的尺寸来。
这个存放在名为fontsize.js文件里,在页面引入这个文件。目的是为了字体随屏幕自适应。
!function(a) {
function b() {
var b = a.document,
c = b.documentElement,
d = c.getBoundingClientRect().width;
document.documentElement.style.fontSize = 100 * (d / 640) + "px"
}
window.addEventListener("DOMContentLoaded", function() {
b()
}, !1),
window.addEventListener("resize", function() {
b()
}),
b()
}(window);