关于JS获取（判断）不同屏幕大小，并根据屏幕的大小，调用不同的CSS，求大神给我一个例子，我看下。
发布网友
发布时间：2022-04-20 23:41
共2个回答
懂视网
时间：2022-04-21 04:03
如何使用JS语句来控制根据不同条件导入到页面中使用呢？
回复讨论(解决方案)
if(xxx){ document.write("");}else{ document.write("");}
热心网友
时间：2022-04-21 01:11
下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？
你最好说明你想要的效果。
<html>
<script>
function a(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽："+document.body.clientWidth
+"<br />"+
"网页可见区域高："+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth
+"<br />"+
"网页正文全文高："+document.body.scrollHeight
+"<br />"+
"网页被卷去的高："+document.body.scrollTop
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft
+"<br />"+
"网页正文部分上："+window.screenTop
+"<br />"+
"网页正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的宽："+window.screen.width
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
我觉得我想要的不是这个意思，
我的意思是。
比如我现在屏幕是1024*762，我调用 style-1.css
另外一台屏幕是1440*900，我调用style-2.css
还有一台是屏幕是1360*768，我调用style-3.css
是这个意思，就是浏览器的屏幕大小兼容问题，根据JS判断大小，调用不同的CSS样式。
追答嗯，我也估计你能找到这些，
但我觉得你的想法有点问题，你应该是把对应不同分辨率的CSS样式类，
分开，你不会是叫同一个名字，想通过加载不同的CSS样式文件来做吧。
我常用的是，把样式类，的名字区分开。
你是一个文件也好，几个文件也好，都加载进去，在判断分支中
给对象加载不同的样式类。
你说的方法，我不能确定是否可行，没有这样做过。
我说的这个，是肯定可行的，我常这样做，所以能肯定的给你答复。
