【发布时间】：2023-04-03 10:00:01
【问题描述】：
我如何获得一个标签，在这种情况下是 body 标签，即使它有一个固定宽度的孩子，也只占用视口的大小？
描述：如果我在 Safari 5 中加载上述链接并调整浏览器大小，我会看到预期的行为。不会出现水平滚动条。溢出视口的内容被隐藏。如果我在 ipad 中加载它，溢出的内容是可见的并导致滚动条。
期望的结果：滚动条永远不会出现，包括在 iPad 上。
实际结果：在 iPad 和可能的其他设备上，溢出的内容是可见的，用户可以向左滚动。
如何隐藏使用固定宽度元素溢出视口的内容？
【问题讨论】：
-
为什么不直接使用 CSS 媒体查询？这样，您可以确保根据其设置为用户准备最佳体验。如果需要，这里有一篇很好的文章：thinkvitamin.com/design/…
-
我希望元素溢出可视视口，但我不希望用户能够滚动整个布局视口。参考：A Tale of Two Viewports.
标签： html css ipad mobile tablet