有时需要准确获取网页显示设备的宽度和高度，然后做相应的设置。由于浏览器和设备差异准确获取并不那么容易。
设备宽度
window.screen.width;
设备高度
window.screen.height;
对于电脑端以上两个参数就可以。但是，如果是iPad呢？还有横屏竖屏之分。
对于iPad以上两个参数是物理设备的尺寸，也就是说横屏竖屏不变。
解决方法可以通过获取页面的宽度然后和设备尺寸进行比较，参考代码js代码独立一个文件
在html页面写了大量javascript代码，抽成一个单独文件会更方便维护。但是js中可能引用了页面上其它代码，如果全部改写会比较麻烦。
方法1
<script>
document.write('<script src="jsfile.js" type="text/javascript" charset="utf-8"></script>');
</script>