-
移动端获取屏幕宽度
目录:
概述:
今天聊一个开发移动端经常碰到的一个问题:如何获取屏幕宽度,获取屏幕的办法有很多,今天总结一下各个方法的优点、缺点。$(window).width():
1var
width = $(window).width();
scrollWidth:
根据我的经验,scrollWidth获取屏幕宽度还比较准,也比较稳定,但可能会有细微出入。1var
width = document.body.scrollWidth;
让平台返回屏幕宽度:
我认为目前为止,最稳定,最准确的方法就是让平台返回屏幕宽度。但是要对返回的宽度稍做处理,因为平台返回的是系统的宽度,需要除以分辨率。12var
dpi = window.devicePixelRatio;
//获取屏幕分辨率
var
width = sysWidth / dpi;
//用系统返回宽度除以分辨率。
此方法唯一的缺点就是比较麻烦,需要平台配合,所以以上3种方法各有利弊,大家自己取舍,我还是推荐让平台返回。
移动端获取屏幕宽度
Posted 大熊
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端获取屏幕宽度相关的知识,希望对你有一定的参考价值。
以上是关于移动端获取屏幕宽度的主要内容,如果未能解决你的问题,请参考以下文章