iFrame和「max-height」

Question

在無邊界/無滾動iframe上使用max-height的任何想法，所以如果瀏覽器太高，瀏覽器不會渲染巨大的黑色區域來填充其餘的iFrame？

我試過設置height="100%"和max-height="xx"但這似乎不起作用。

非常感謝！

Answer 1

您使用height="100%"，使用=運算符，表明您嘗試使用內聯屬性。這可以工作，但通常與絕對測量更好（所以700px，而不是百分比）。 max-height是不是一個有效的屬性，只要我知道，任何元素的除了在樣式表，所以我建議你使用CSS：

iframe { 
    min-height: 200px; /* or whatever */ 
    max-height: 500px; /* or whatever */ 
} 

你可以，如果你一定要，還可以使用在線的風格，這將產生<iframe src="..." style="min-height: 200px; max-height: 500px;">

此外，當您可以使用百分比，給max-height: 80%，這似乎確實需要父元素已經定義了自己的height（我不知道它是否是全部是瀏覽器，或只是一個或兩個，但無論哪種方式，這似乎是一個合理的期望，以便瀏覽器可以計算出80％實際上是是）。