<script type="text/javascript">
document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 15 + "px";
window.onresize = function() {
document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 15 + "px";
}
script>
不好的写法,window.onresize 会一直计算,然后算出来的值有 0.xxxxpx 很不好。建议用媒介属性。@media
根据屏幕大小,设置几个间隔 改变 html 的 font size
1rem = html.fontSize
一般来说间隔都是 4 的倍数 12,16,24 这样子
你写的代码使得基本font-size很灵活:页面宽度改变就随着变,但是用插件设置的又是固定的转换机制,所以我建议你按照上面答主的方案,设置几个适配比较好