当前位置: 代码迷 >> Web前端 >> 获取屏幕宽度跟高度
  详细解决方案

获取屏幕宽度跟高度

热度:530   发布时间:2012-06-27 14:20:08.0
获取屏幕宽度和高度
在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/
  相关解决方案