作者：0只0为0等0你0 | 来源：互联网 | 2023-10-12 13:15
使用rem作为单位写页面&＃xff1a;
用rem作为页面的宽高单位就可以根据屏幕宽度的变化来及时适应。
根据屏幕宽度来调整html根元素的font-size&＃xff08;即rem&＃xff09;需要一段js代码&＃xff1a;
(function (doc, win) {
var docEl&＃61;doc.documentElement; //documentElement 属性是根节点
resizeEvt&＃61;&＃39;orientationchange&＃39; in window ? &＃39;orientationchange&＃39;: &＃39;resize&＃39;;
recalc &＃61; function () {
var clientWidth &＃61; docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize &＃61; 20 * (clientWidth / 640) &＃43; &＃39;px&＃39;;//设置html根元素的font-size
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener(&＃39;DOMContentLoaded&＃39;, recalc, false)
;
京公网安备 11010802041100号