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％实际上是是）。