javascript js 如何在手机屏幕旋转后 获取一个对象的新高度和宽度,不是屏幕的？

JavaScript028

javascript js 如何在手机屏幕旋转后 获取一个对象的新高度和宽度,不是屏幕的？,第1张

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

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

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

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

var newWidth = $el.width()// 新的宽

var newHeight = $el.height()// 新的高

})

2中方案

第一种，禁止横屏，如果横屏覆盖页面的渲染，提示请竖屏访问。

第二种，使用媒体查询重写样式（可能会有很多兼容性需要处理）

@media all and(orientation:landscape){

//重写各种样式

}