(纯记录)H5自动适配各个手机问题

51 阅读1分钟

其实非常简单,一个是postcss-plugin-px2rem插件 还有就是监听窗口实际大小 window.addEventListener('resize', setRem); main.js里面做设计图和实际屏幕的比例 const setRem = () => { try { const designWidth = 393; const vw = document.documentElement.clientWidth;

document.documentElement.style.fontSize = `${(vw / designWidth) * 100}px`;


console.log('Current root font size:', document.documentElement.style.fontSize);

} catch (error) { console.error('Error setting root font size:', error); } }; 结束 仅给自己以后遇到相同的方式可以方便点