javascript - js获取屏幕分辨率，加载js与css

问题描述

问 题

js如何判断电脑分辨率，大于1024分辨率时加载xxx.js与css

请给出具体代码示例，谢谢！

解决方案

js 取屏幕相关方法列表：

function getScreenInfo() 
{ 
    var s = ""; 
    s = " 网页可见区域宽：" document.body.clientWidth; 
    s = " 网页可见区域高：" document.body.clientHeight; 
    s = " 网页可见区域宽：" document.body.offsetWidth " (包括边线和滚动条的宽)"; 
    s = " 网页可见区域高：" document.body.offsetHeight " (包括边线的宽)"; 
    s = " 网页正文全文宽：" document.body.scrollWidth; 
    s = " 网页正文全文高：" document.body.scrollHeight; 
    s = " 网页被卷去的高(ff)：" document.body.scrollTop; 
    s = " 网页被卷去的高(ie)：" document.documentElement.scrollTop; 
    s = " 网页被卷去的左：" document.body.scrollLeft; 
    s = " 网页正文部分上：" window.screenTop; 
    s = " 网页正文部分左：" window.screenLeft; 
    s = " 屏幕分辨率的高：" window.screen.height; 
    s = " 屏幕分辨率的宽：" window.screen.width; 
    s = " 屏幕可用工作区高度：" window.screen.availHeight; 
    s = " 屏幕可用工作区宽度：" window.screen.availWidth;
    s = " 你的屏幕设置是 " window.screen.colorDepth " 位彩色"; 
    s = " 你的屏幕设置 " window.screen.deviceXDPI " 像素/英寸"; 
} 

至于 CSS 现在都是使用媒体查询来做的，如：

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { ... }

希望有所帮助~ ：）

这篇关于javascript - js获取屏幕分辨率，加载js与css的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！