关于JS获取(判断)不同屏幕大小,并根据屏幕的大小,调用不同的CSS,求大神给我一个例子,我看下。

我的QQ是:329722058跪求大神。... 我的QQ是:329722058
跪求大神。
展开
 我来答
百度网友845f74e61
推荐于2016-09-17 · TA获得超过6929个赞
知道大有可为答主
回答量:4050
采纳率:50%
帮助的人:1627万
展开全部

 下边是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样式文件来做吧。

我常用的是,把样式类,的名字区分开。
你是一个文件也好,几个文件也好,都加载进去,在判断分支中
给对象加载不同的样式类。

你说的方法,我不能确定是否可行,没有这样做过。
我说的这个,是肯定可行的,我常这样做,所以能肯定的给你答复。
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式