根据屏幕分辨率自动调整字体大小的js代码

发布时间:2020-07-30编辑:脚本学堂
分享一例根据屏幕分辨率自动调整字体大小的js代码,学习下js屏幕分辨率的获取方法,有需要的朋友参考下。

例子,js获取屏幕分辨率,然后自动调整字体大小显示。

代码:
 

复制代码 代码示例:
window.onload=font;
function font(){
   if (screen.width <1024)
       document.styleSheets[0].addRule("body","font-size:12px;");
   else if (screen.width ==1024)
         document.styleSheets[0].addRule("body","font-size:14px;");
      else if (screen.width >1024)
           document.styleSheets[0].addRule("body","font-size:16px;");
         else
             document.styleSheets[0].addRule("body","font-size:16px;");
}

js获取屏幕分辨率与屏幕大小
JS获取屏幕分辨率简单示例
js判断屏幕分辨率的方法解析
js判断屏幕分辨率的小例子