1个回答
展开全部
下边是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样式文件来做吧。
我常用的是，把样式类，的名字区分开。
你是一个文件也好，几个文件也好，都加载进去，在判断分支中
给对象加载不同的样式类。
你说的方法，我不能确定是否可行，没有这样做过。
我说的这个，是肯定可行的，我常这样做，所以能肯定的给你答复。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
