设置html 根元素字体

原创
05/30 10:56
阅读数 168

rem 字体是根据html的字体有关的,如html的字体是60px   1rem就是60px,根据屏幕不同设置html不同的字体大小,有2种方式

1、媒体查询

@media (min-width:400px) and (max-width:900px) {

        html{font-size:60px;}

}

2、通过js 设置字体大小

 var fun=()=>{
     let w =document.documentElement.clientWidth;
     let fontsize = (20*(w/400)>40?40+"px":20*(w/400)+"px");
     document.documentElement.style.fontSize = fontsize     
}

window.addEventListener("load",fun)
window.addEventListener("resize",fun)

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部