【发布时间】：2011-09-01 15:20:02
【问题描述】：
我有一个针对移动设备（例如 iPhone 和 Android）的网页。此页面有一个<iframe>（显然包含另一个要呈现的网页）。在 iPhone 上，页面（和 iframe）呈现正常。我已经设置了<meta name="viewport" content="width=device-width" />，这应该使它的视口宽度设置为大约 320ish（或任何 safari 现在使用的）。但是我的 iframe 中的内容比 320ish 像素宽。
这会导致问题，因为 iframe 被截断。 iPhone Web 浏览器仅显示 iframe 内容的左侧。因为我有width=device-width，所以我无法向左或向右滚动/平移以查看其余内容。我也无法缩小/缩小以“给自己更多的屏幕空间”。
我可以通过设置宽视口（例如width=800"）来解决这个问题，这样可以确保 iframe 可见。但是（a）页面的其余部分看起来更糟，因为它比应有的更宽，并且（b）我不确定我是否可以依赖它总是适合 800 像素，所以我不能确定这会解决所有问题.
是否有办法确保始终可以看到 iframe 的内容，最好使用width=device-width
FTR 我使用的是 iPhone 3。这个问题在 Android (2.2) 上不会发生，默认的网络浏览器会将 iframe 的内容“溢出”到 iframe 之外，您可以向左/向右滚动。
【问题讨论】：
标签： iphone html css mobile-safari mobile-website