iFrame和"max-height"

Question

max-height在无边框/无滚动iFrame上使用的任何想法,如果它最终太高,浏览器不会渲染一个巨大的黑色区域来填充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%的实际值).