iframe在不同平臺上填充剩餘的可見空間

Question

我知道以前有類似的問題，但我的問題是關於如何在不同平臺上顯示iframe。

我有一個標題<div>，然後緊接着下面的iframe <div>。標題是一個標誌，因此設置爲width=100%（順便說一句，這個高度是靜態的，所以我可以定義，如果需要的話）。

我的問題是與iframe;我怎樣才能讓它填充剩餘空間的可見屏幕空間（即下面沒有空格，也沒有滾動條）？我可能只是找到頭的高度，並做平均屏幕大小的計算，但我希望它比這更有條不紊，而且如果它是以某種方式基於％值做到這一點，那麼我假設它會自動調整大小以在平板電腦上給出相同的結果等等...任何想法的人？

Answer 1

，你可以用％做 例如：頭部的假設高度爲150像素

.your-iframe-div { 
    height: calc(100% - 150px); 
} 

不知道現在Mozilla瀏覽器支持此功能,,但如果它不：

.your-iframe-div { 
    height: -moz-calc(100% - 15px); 
}