怎样用 JavaScript 准确获取手机屏幕的宽度和高度

用 JavaScript 准确获取手机屏幕的宽度和高度

documentdocumentElementclientWidth; documentdocumentElementclientHeight;

这个得到的是设备像素可见宽高，比如iPhone 4s在微信内设置了viewport为1的时候为320416(手机480 - 微信状态栏64), iPhone 5里为320504

小部分手机获取到的宽高并不正确。比如上面说的screenwidth screenheight这些数据在有的手机上并不准确

对，如果用原生的js：

documentgetElementById("div1")styleheight

获取高度的话只能获取内嵌（行内）样式，也就是写在元素上面的样式，意思你用：

documentgetElementById("div1")styleheight=“50px”;

或者在元素上：

<div style="height:50px"></div>

设置了之后就可以用了，但是没有设置之前取不到！

但是用jquery是可以取到的：

$("#div1")css("height");

或者：

$("#div1")height();

希望对你有帮助，望采纳！

侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。

如果你用jquery的话可以这样写：

$(window)on('orientationchange', function() {

var $el = $("#el"); // 需要重新获得宽和高的元素

var newWidth = $elwidth(); // 新的宽

var newHeight = $elheight(); // 新的高

});

以上就是关于怎样用 JavaScript 准确获取手机屏幕的宽度和高度全部的内容，包括:怎样用 JavaScript 准确获取手机屏幕的宽度和高度、javascript动态获得div的高度并输出的问题，谢谢！、javascript js 如何在手机屏幕旋转后 获取一个对象的新高度和宽度,不是屏幕的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！