<script>
// 封装一个函数
function auto() {
/*
1、获取当前屏幕的宽度
2、获取当前屏幕下html元素的字体大小
3、赋值
预设字体基础值1rem=100px
*/
// 获取当前屏幕的宽度
var devicewidth = document.documentElement.clientWidth;
// psd设计稿的宽度为750px
var desw = 750;
// 手机屏幕 大于 设计稿件 ,就按照1:1的大小去制作
if (devicewidth > desw) {
devicewidth = desw;
}
// 获取当前屏幕宽度字体的基础值
var currFontSize = (devicewidth * 100) / desw;
// 赋值 html标签设置font-size
document.documentElement.style.fontSize = currFontSize + "px";
// 表示html
console.log(document.documentElement);
console.log(devicewidth);
console.log(currFontSize);
}
// 调用
auto();
// 只要屏幕的宽度改变就调用auto函数
window.onresize = function(){
auto();
}
</script>