有时需要准确获取网页显示设备的宽度和高度,然后做相应的设置。由于浏览器和设备差异准确获取并不那么容易。
设备宽度
window.screen.width;
设备高度
window.screen.height;
对于电脑端以上两个参数就可以。但是,如果是iPad呢?还有横屏竖屏之分。
对于iPad以上两个参数是物理设备的尺寸,也就是说横屏竖屏不变。
解决方法可以通过获取页面的宽度然后和设备尺寸进行比较,参考代码
var wh={}
//内容宽度
var w=document.body.scrollWidth;
//设备宽度
var device_width=window.screen.width;
var device_height=window.screen.height;
if(device_height==w){
wh['width']=device_height
wh['height']=device_width;
}else{
wh['width']=device_width;
wh['height']=device_height;
}
return wh;