有一个非常曲线的解决办法,就是:css的媒体查询(@media)是能够检测屏幕尺寸(其实是浏览器窗体的真实尺寸,并不是屏幕的真实物理尺寸,介意的朋友就不要看了)的,通过它来给网页内的某个元素设置一个特殊的属性,然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值(比如480px到540px之间、540px到600px之间等等),不是精确值,所以可能得不偿失,因此我是不推荐的。
Android中可以通过三种方式获到屏幕大小:1、通过WindowManager获取
DisplayMetrics dm = new DisplayMetrics()
getWindowManager().getDefaultDisplay().getMetrics(dm)
System.out.println("heigth : " + dm.heightPixels)
System.out.println("width : " + dm.widthPixels)
2、通过Resources获取
DisplayMetrics dm2 = getResources().getDisplayMetrics()
System.out.println("heigth2 : " + dm2.heightPixels)
System.out.println("width2 : " + dm2.widthPixels)
3、通过Display 获取屏幕的默认分辨率
Display display = getWindowManager().getDefaultDisplay()
System.out.println("width-display :" + display.getWidth())
System.out.println("heigth-display :" + display.getHeight())
下边是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>