方向更改后如何获取innerWidth和innerHeight?

时间:2019-03-23 21:36:33

标签: javascript ios iphone google-chrome orientation

在iOS上的Chrome浏览器中,由于某些原因,innerWidthinnerHeightwindow.orientation事件之后发生了变化。

以下代码在Chrome iOS上有效,但仅在第一个事件之后的后续调用中,仅在获得其他方向的尺寸之后。

该代码还破坏了我的台式机版本,因此我只需要将其专门应用于移动设备,这可能会带来更多问题。

function setBodyDims(){
  if (navigator.userAgent.includes('CriOS')) {
    w = prevWidth
    h = prevHeight
  } else {
    w = innerWidth
    h = innerHeight
  }

  document.body.style.width = w + 'px'
  document.body.style.height = h + 'px'

  prevWidth = innerWidth
  prevHeight = innerHeight
}

有人知道如何在执行之前获取风景模式的尺寸,或者在方向改变后立即获取尺寸吗?

0 个答案:

没有答案