」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何創建 100% 高度並隱藏滾動條的全螢幕 Iframe?

如何創建 100% 高度並隱藏滾動條的全螢幕 Iframe?

發佈於2024-12-21
瀏覽:812

How Can I Create a Full-Screen Iframe with 100% Height and Hidden Scrollbars?

全螢幕iframe高度為100%

查詢:

是否普遍支援iframe height=100%跨瀏覽器?當使用XHTML1作為doctype時,高度為100%的iframe是否會佔據頁面剩餘高度(不包括頂部的50px固定高度框架)?另外,如何在自動設定 iframe 高度的同時完全隱藏捲軸?

回應:

雖然可以採用框架集,但提供的範例示範了實作全螢幕iframe高度為100%:

另一個選項:

要使用以下方法抑制捲軸:

替代方法:

在這些範例中,父級被分配了溢出:隱藏以隱藏捲軸。透過將 iframe 放大到原始尺寸的 150%,捲軸將被迫超出頁面邊界。因此,主體缺少捲軸,從而阻止 iframe 超出其在頁面上的邊界。這種策略有效地隱藏了 iframe 的捲軸,同時允許全寬顯示。

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3