在项目中配置rem
一般在最外层的index.html中写一个自执行函数
// 根据屏幕分辨率来确定rem基准以适应不同屏幕:
// 这里1920以下的是 100px = 1rem
(function(window) {
var availWidth = window.screen.width;
if(!availWidth) {
return false;
}
availWidth = availWidth < 1920 ? 1920 : availWidth;
// 这里parseFloat的第二个参数代表进制
var fontSize = parseFloat(100 / 1920 * availWidth,10).toFixed(2);
var root = document.documentElement || document.body;
root.style.fontSize = fontSize + 'px';
return fontSize;
})(window);