根据屏幕的大小改变rem的参考值
移动端一半会选用rem+flex布局的方式,下面是根据屏幕的宽度,动态的改变rem的参考值
var screenWidth;
var html = document.getElementsByTagName("html")[0];
if (window.innerWidth) {
screenWidth = window.innerWidth;
} else if ((document.body) && (document.body.clientWidth)) {
screenWidth = document.body.clientWidth;
}
html.style.fontSize = 100 * screenWidth / 750 + "px";
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步