放大在身体外垂直推动元素

Question

我正在使用chrome的模拟器检查我的网站是否在多个设备上都有响应。我在iPad上遇到了纵向版本的问题。出于某种原因，当以100％变焦时，页脚元素被推到身体外部。

为什么正文的溢出滚动属性不会自动展开以包含元素？

我注意到在其他几个模拟设备上，这个问题在100％变焦时并不存在，但是当我增加变焦时，它很快会遇到同样的问题。

非常感谢任何有关此事的协助。