移动浏览器旋转设备、进入全屏和退出全屏后的页面缩放问题

Question

我遇到了一个问题，即在 Android 移动设备上执行以下一系列操作后页面比例略有增加（我使用的是 Chrome）：

1. 以纵向模式访问 rottentomatoes.com。
2. 将设备旋转至横向模式。
3. 打开预告片视频，然后触摸“全屏”按钮，进入然后退出全屏模式 或在 Chrome Devtool Console 中使用 JavaScript（

   document.body.requestFullscreen()

   ，然后

   document.exitFullscreen()

   ）。
4. 将设备旋转回纵向模式。

在此序列之后，即使视口元标记设置为

width=device-width, initial-scale=1.0.

，页面也会稍微放大

我怀疑这与浏览器在全屏模式和方向更改期间处理视口缩放的方式有关。有没有人遇到过类似的问题，我很好奇这种现象背后的原因和知识。期待您的答复。谢谢大家。

Answer 1

javascript:(function () {var script=document.createElement('script');script.src="//cdn.jsdelivr.net/npm/eruda";document.body.appendChild(script); script.onload = function () { eruda.init() } })();