本文介绍了如何使用 postcss-px2rem 插件将页面上的px单位转换为rem，并实现窗口大小变化时动态调整`fontSize`，以达到响应式设计。通过`debounce`函数优化了窗口调整事件的处理。
postcss-px2rem 全局px转rem
监听页面变化 ，自动修改页面fontSize
const fontSizeSet = () => {
document.documentElement.style.fontSize = (10 * document.body.clientWidth / 75).toFixed(2) + ‘px’;
};
const windowResize = function() {
console.log(‘resize’)
fontSizeSet();
// headHeightSet();
};
windowResize();
window.onresize = debounce(windowResize, 200);
debounce 需要安装插件 import debounce from ‘lodash.debounce’
扫一扫
4004
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
