用js判断屏幕的宽度,改变html字体大小用rem布局

Posted 十年后2028

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用js判断屏幕的宽度,改变html字体大小用rem布局相关的知识,希望对你有一定的参考价值。

if (document.documentElement.clientWidth > 600) {//页面宽度大于600px让其宽度等于600px,字体大小等于60px,居中
document.documentElement.style.width = "600px";
document.documentElement.style.fontSize = "60px";
document.documentElement.style.margin = "0 auto";
} else {//否则让其根节点字体大小等于宽度/10px
document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + "px";
}







以上是关于用js判断屏幕的宽度,改变html字体大小用rem布局的主要内容,如果未能解决你的问题,请参考以下文章

前端移动端rem页面怎么写js代码怎么写

js 抓取屏幕宽度设置字体大小 rem

移动端适配-px转成rem

REM方案总结

Web移动前端开发-——rem+less+媒体查询,rem+flexble.js+媒体查询

用js设置html标签的字体大小