引入插件postcss-pxtorem,可自动将px转换为rem,rem和px的换算关系可以在public\index.html文件加上如下代码进行处理。
<script>
(function () {
// 在标准 375px 适配下,100px = 1rem;
var baseFontSize = 100;
var baseWidth = 375;
var set = function () {
var clientWidth = document.documentElement.clientWidth || window.innerWidth;
var rem = 100;
if (clientWidth != baseWidth) {
rem = Math.floor(clientWidth / baseWidth * baseFontSize);
}
document.querySelector('html').style.fontSize = rem + 'px';
}
set();
window.addEventListener('resize', set);
}());
</script>
demo源码可以在如下网址进行下载
https://download.csdn.net/download/weixin_44996006/87566988