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’
本文介绍了如何使用 postcss-px2rem 插件将页面上的px单位转换为rem,并实现窗口大小变化时动态调整`fontSize`,以达到响应式设计。通过`debounce`函数优化了窗口调整事件的处理。
4166

被折叠的 条评论
为什么被折叠?



