获取显示设备的宽高

有时需要准确获取网页显示设备的宽度和高度,然后做相应的设置。由于浏览器和设备差异准确获取并不那么容易。

设备宽度
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;
百度大模型

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

腾讯云图