全螢幕 iFrame 100% 高度跨瀏覽器支援
查詢:iFrame 可以 100%高度在所有主要內容中一致地呈現
解決方案:
使用當前的XHTML 1.0 Transitional 文件類型,指定高度和寬度的iFrame 將填充剩餘頁面高度,無論任何固定高度如何其上方的框架。但是,並非所有瀏覽器都普遍支援此行為。
為了確保跨瀏覽器相容性,請考慮以下替代方案:
方法 1:
<body>
方法2:
<body>
隱藏滾動條:
要完全禁使用捲軸,請嘗試以下技術之一:
方法1:
<body>
方法2(Hack):
<body>
第二種方法使用 hack,其中 iFrame 擴展到頁面邊界之外隱藏滾動條。
請記住,這些解決方案可能無法在所有瀏覽器中完美運行,並且可能需要特定於瀏覽器的調整。
以上是如何製作在所有瀏覽器中具有 100% 高度的全螢幕 iFrame?的詳細內容。更多資訊請關注PHP中文網其他相關文章!