首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

获取屏幕宽度跟高度

2012-06-27 
获取屏幕宽度和高度在android上的浏览器有个设置远近的功能,导致获取到的屏幕宽度和高度是会根据设置远近

获取屏幕宽度和高度
在android上的浏览器有个设置远近的功能,导致获取到的屏幕宽度和高度是会根据设置远近而变化的。但是有个属性不论如何设置都是不变的。就是屏幕的宽度和高度。
var screenW = window.outerWidth ;
var screenH = window.outerHeight;$("#msg").text("width:"+screenW+";height:"+screenH+";");

window.outerHeight在android上获取的还不是真正的屏幕分辨率高度。比如480×800的高度在海豚浏览器上获取的高度是762.宽度是480。在webkit的内置浏览器上也是这个值。说明跟浏览器无关。而这个差值可能是浏览器工具栏的高度。因为若开启了海豚浏览器的底部工具栏。这个高度值就变成了697.
而在ipad2 上获取到的是768×1024.


参考资料:
http://responsejs.com/labs/dimensions/

热点排行