Js获取移动设备分辨率

在<head>中引入 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> ，不加这句，移动端都返回980。加上这句，PC和移动端都能正确获取。

设备宽度 var diviceWidth = document.documentElement.clientWidth;

设备高度 var diviceHeight = document.documentElement.clientHeight;

这样就可以获取到手机的分辨率了，比如iphone4 320*480 ，不赘述了……

解释一下 document.documentElement.clientWidth 这是什么意思吧

documentElement 是 document对象的属性，可以返回文档的根节点

clientWidth 是当前这个对象的【content+padding】值

时间： 2024-11-07 02:51:58

Js获取移动设备分辨率的相关文章

JS获取当前设备查看当前系统最全代码

/** * Created by Administrator on 2015/7/29. */ var lo = window.location; //判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Pres

js获取网页可见区域、屏幕分辨率高度等信息

js获取网页的各种高度,例如可见区域.正文以及屏幕分辨率的高度的方法.有关document的一些属性:网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文

（转)JS获取当前对象大小以及屏幕分辨率等

原文 JS获取当前对象大小以及屏幕分辨率等 <script type="text/javascript">function getInfo(){ var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; s += " 网页可见区域高:"+ document.body.clientHeig

js获取屏幕

js获取屏幕(设备)宽高 <script language="javascript"> var h = ""; h += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; h += " 网页可见区域高:"+ document.body.clientHeight+"\n"; h += " 网页可见区域宽:"+ docu

js获取各种高度的方法

//获取元素的高度#box{ background-color: lightgrey; width: 300px; border: 25px solid green; padding: 25px; margin: 25px; height:60px; } //获取盒子的内容高度,内容高度也可用用box.clientHeight获取,内容高度不包括边框和外边距和滚动条 var box = document.getElementById("box") var contentHeight =

js获取网页的各种高度

网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.sc

JS获取各种浏览器窗口大小的方法

常用:JS 获取浏览器窗口大小 // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if

js获取浏览器宽高、网页宽高、屏幕宽高、鼠标位置等（带图片说明）

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;(点击查看大图) 网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);(点击查看大图)有没有发现,offsetWidth和clientWidth的区别,offsetWidt是连滚动条一起包含在内的. 网页正文全文宽: documen

设备分辨率与css像素的关系

最近在移动端布局栽了跟头,就百度四处逛逛博客啥的,总算是对分辨率和css像素的关系重新认识了一下,于是乎赶紧写份作业,让路过的大神检查检查. 设备分辨率和css像素本身指的就不是同一东西,首先css是针对网页来讲的,万事不离浏览器.而分别率是针对设备(电脑,手机来讲的),然而就是因为它们的单位都是px,所以才会让人费解.但是观看了多篇文章,发现很多讲得太复杂,总是会扯到ppi,dip,dp之类的英文,看到末尾总是忘记这些指的是啥. 设备存在物理像素和独立像素,物理像素就是分辨率,独立像素则与cs