禁用iframe自動調整大小

Question

我正在使用內含iframe的網頁。 iframe中有相當數量的數據，並且每次載入其高度時都會擴展到其內容的範圍。但是，這使我的頁面。無論如何要鎖定iframe的高度並允許用戶滾動瀏覽內容？

Answer 1

嗯，奇怪...你有這個問題的一個例子鏈接？

當我嘗試使用簡單的iframe ： http://jsfiddle.net/mP6wT/5/

<iframe src="http://example.org/"></iframe> 

默認情況下，它的大小看起來很小，並且滾動到Chrome/FF/Win ...而不是調整到高度...

但是無論如何，您應該可以使用CSS鎖定高度： http://jsfiddle.net/mP6wT/7/

<iframe src="http://example.org/" style="height:400px;"></iframe> 

Answer 2

給iframe一個固定的高度並滾動自動，你應該很好。

<iframe height="100px" scroll="auto"></iframe> 

請注意，100px只是一個例子，您可能想要選擇適合您的高度。

Answer 3

您的iframe可能有height: 100%;集合，或者甚至正在通過某種腳本設置高度。技術上你可以設置高度<iframe height="300"></iframe>或<ifreame style="height: 300px;"></iframe> = 300px的高度。

由於您沒有提供任何代碼，因此我無法再幫助您:(請提供您的實例或代碼，然後我們可以幫助您更好地實現，但通常，請嘗試手動設置iframes高度，重新檢查您的網頁代碼..也許一些腳本設置高度或可能的iframe裏面的代碼..

Answer 4

當心的iOS。它有點螺絲一切行動：

http://salomvary.github.io/iframe-resize-ios-safari.html

how to properly display an iFrame in mobile safari