移动端获取屏幕宽度
来源:互联网 发布:洛阳师范网络 编辑:程序博客网 时间:2024/06/05 08:55
转自:http://www.uw3c.com/jsviews/js18.html
目录:
1、$(window).width()
2、scrollWidth
3、让平台返回屏幕宽度
概述:
今天聊一个开发移动端经常碰到的一个问题:如何获取屏幕宽度,获取屏幕的办法有很多,今天总结一下各个方法的优点、缺点。
$(window).width():
用jQuery或者zepto获取屏幕宽度的方法最为简单,但是在Android平台上,有时会获取的不准确(为0),从而影响布局。在IOS平台上还是很稳定。
var width = $(window).width();
scrollWidth:
根据我的经验,scrollWidth获取屏幕宽度还比较准,也比较稳定,但可能会有细微出入。
var width = document.body.scrollWidth;
让平台返回屏幕宽度:
我认为目前为止,最稳定,最准确的方法就是让平台返回屏幕宽度。但是要对返回的宽度稍做处理,因为平台返回的是系统的宽度,需要除以分辨率。
var dpi = window.devicePixelRatio;//获取屏幕分辨率var width = sysWidth / dpi;//用系统返回宽度除以分辨率。此方法唯一的缺点就是比较麻烦,需要平台配合,所以以上3种方法各有利弊,大家自己取舍,我还是推荐让平台返回。
0 0
- 移动端获取屏幕宽度
- 移动端获取屏幕宽度
- 移动端获取屏幕宽度
- 移动端获取屏幕宽度
- js获取屏幕宽度
- 获取屏幕宽度
- js获取屏幕宽度
- 获取屏幕高度、宽度
- 获取屏幕宽度代码
- 获取屏幕宽度问题
- 获取屏幕宽度
- 获取屏幕宽度
- iOS获取屏幕宽度
- 获取android屏幕宽度
- #android#获取屏幕宽度 获取imageview宽度
- CSS 移动端布局1(自适应屏幕宽度)
- android之获取屏幕宽度、控件宽度
- UIScreen 获取iphone屏幕宽度
- UWP开发之StreamSocket聊天室 (一)
- Android支付宝和友盟推送SDK编译冲突Unable to execute dex: Multiple dex files define Lcom/ta/utdid2/
- 从”JAVA“而终 3 :配置java运行环境以及Myeclipse的安装
- unity制作斗地主游戏大致流程
- IOS修复两个导航栏状态不一致导致跳转时,导航栏黑底的问题
- 移动端获取屏幕宽度
- Hadoop之HDFS文件读取流程
- VS2013启动调试出错的解决方案
- Java 泛型中? super T和? extends T的区别
- OpenEmbedded 入门 (二):编译Openmoko的3个版本
- DriverStudio驱动程序开发工具包的安装说明(DS3.2及以下版本)
- mysql 从库I/O及SQL thread 状态解释
- 详解Java GC的工作原理+Minor GC、FullGC
- iscoll.js