css - CSS iPad 视图布局

Question

在该示例中，我有一个带有 .container 的标题，标题是全宽的，而 .container 固定为特定宽度。

如果您将宽度设置为 980 像素或更小，则页面在 iPad 上可以很好地呈现，如果您将该宽度设置为大于 980 像素，那么您会在右侧开始出现错误的空间。

我认为 iPad 上的默认布局模式是，如果一个元素比可视视口宽，可视视口会缩小，直到一切都适合，然后允许用户手动放大页面的某些部分。这就是它过去对我的工作方式，我敢肯定。

任何人都知道为什么该网站没有自动缩小以正确适应？

score 0 · Accepted Answer

如果您将页面的高度设置得足够大以至于需要垂直滚动，它将自动缩小宽度。例如，在.container 上设置宽度和高度为2000px，它会适当地缩小页面。在这种情况下，这可能不是一个可行的解决方案，但它是对 iPad 视口行为的有趣观察。

1 回答 1