2
我有一個針對移動設備的網頁（例如，iPhone & Android）。此頁面有一個（顯然包含另一個要呈現的網頁）。在iPhone上，頁面（和iframe）呈現OK。我已經設置了<meta name="viewport" content="width=device-width" />，這應該使它將視口寬度設置爲大約320ish（或者任何safari現在使用的）。但是，我的iframe中的內容寬於320像素寬。帶寬iframe的網頁無法在帶有視口的iPhone上滾動
這會導致問題，因爲iframe被截斷。 iPhone Web瀏覽器僅顯示iframe內容的左側。由於我有width=device-width，因此無法向左或向右滾動/查看剩餘內容。我也無法縮小/放大「給自己更多的屏幕空間」。
我可以通過設置一個寬視口（例如width=800"）來解決此問題，該視口可確保iframe可見。但是（a）頁面的其他部分看起來更糟，因爲它比所有內容都要寬，（b）我不確定我可以依賴它總是在800像素範圍內，所以我不能確定這會解決所有問題。
反正是有保證的iframe的內容始終可以看出，最好，熱衷於width=device-width
FTR我使用的是iPhone 3.此問題不會在Android發生（2.2） ，默認的Web瀏覽器會將iframe的內容「溢出」到iframe之外，並且您可以向左/向右滾動。