Javascript 将纵向旋转到横向时视口重缩放滞后

将设备从纵向旋转到横向时，视口重缩放滞后，从而产生白色背景溢出

使用了以下设备和浏览器。您可以使用雅虎网站作为示例。
设备：IPad Air
浏览器：Safari
网站：www.yahoo.com

下面是我的视口配置

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 

---

是什么导致重新缩放的延迟？这是硬件问题吗？视口缩放是否取决于设备的处理速度？

每次更改设备或视口时，渲染引擎都需要重新计算站点的所有方面。此操作在很大程度上取决于所使用设备的处理速度。如果你在Chrome金丝雀上也这么做，它几乎会瞬间消失，但你仍然可以注意到变化。