(转)能够根据屏幕分辨率自动调用不同CSS的JS代码

最新推荐文章于 2021-08-03 22:24:13 发布

原创最新推荐文章于 2021-08-03 22:24:13 发布 · 294 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #JavaScript #ViewUI

JSP 专栏收录该内容

45 篇文章

订阅专栏

本文介绍了一种根据浏览器窗口宽度动态加载不同CSS文件的方法。通过简单的JavaScript判断，实现不同分辨率下网页样式的自适应调整。


if(window.screen.width<=1024){   
    document.write("<link href='resource/css/global_1024.css' rel='stylesheet' type='text/css'>");   
}   
if(window.screen.width>1024){   
    document.write("<link href='resource/css/global_1366.css' rel='stylesheet' type='text/css'>");   
}