一、功能实现
第一步
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
第二步
<style>
body{ font-size: 16px;}
</style>
第三步
<script>
var fontSize = window.innerWidth / 3.75;
// 3.75为你所用的开发设备的屏幕大小除100，总之保证开发时值为100
document.documentElement.style.fontSize = fontSize + 'px';
//修改html的font-size值
</script>
第四步
正常编写代码，将带px单位的值除100转化为rem单位，例如: 20px => 0.2rem
推荐插件：vscode插件 px to rem ，不知道其他开发工具有没有，自己搜一下。安装好后，在扩展设置改Px-per-rem为100，选中px数值后按alt + z自动进行数值转换
二、实现原理
1、开启Web页面缩放，并对相关的选项进行设定
<meta name=“viewport” content&#
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
