Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 根据屏幕分辨率自动调整字体大小的js代码

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

发布时间:2015-06-04   编辑:www.jquerycn.cn
分享一例根据屏幕分辨率自动调整字体大小的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判断屏幕分辨率的小例子

您可能感兴趣的文章:
根据屏幕分辨率自动调整字体大小的js代码
js获取屏幕分辨率示例
js获取屏幕分辨率与屏幕大小
js获取浏览器屏幕分辨率
js检测屏幕分辨率的例子
js获取当前对象大小与屏幕分辨率
js双击鼠标自动滚动屏幕实例
Yoga高分辨率下字体模糊和显示字体小怎么设置
js判断屏幕分辨率的小例子
javascript获取屏幕或显示器分辨率的代码

关键词: js屏幕尺寸  js屏幕分辨率   
[关闭]