- 在页面最上部添加script标签,内部写入下面代码即可
- 1rem = 多少像素,根据个人项目来设置,我的是按20px = 1rem
- 适配移动端时需加上该代码
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="text/javascript">
document.documentElement.style.fontSize = document.documentElement.clientWidth * 20 / 375 + 'px';
console.log(document.documentElement.style.fontSize)
$(window).resize(function() {
document.documentElement.style.fontSize = document.documentElement.clientWidth * 20 / 375 + 'px';
console.log(document.documentElement.style.fontSize)
});
</script>