Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
iFrame和；“最大高度”；_Iframe_Css - Fatal编程技术网
Fatal编程技术网
  • iframe/
  • iFrame和；“最大高度”；

iFrame和；“最大高度”；

iframe css

iFrame和；“最大高度”；,iframe,css,Iframe,Css,在无边界/无滚动iFrame上使用max height，这样如果它太高，浏览器就不会渲染一个巨大的黑色区域来填充iFrame的其余部分，有什么想法吗 我试过设置height=“100%”和max height=“xx”，但似乎不起作用 非常感谢 使用height=“100%”，使用=操作符，表明您正在尝试使用内嵌属性。这可以起作用，但通常在绝对测量时效果更好（因此700px而不是百分比）max height不是样式表中除之外的任何元素的有效属性，因此我建议您使用CSS： iframe {

在无边界/无滚动iFrame上使用
max height
，这样如果它太高，浏览器就不会渲染一个巨大的黑色区域来填充iFrame的其余部分，有什么想法吗

我试过设置
height=“100%”
和
max height=“xx”
，但似乎不起作用

非常感谢

使用
height=“100%”
，使用
=
操作符，表明您正在尝试使用内嵌属性。这可以起作用，但通常在绝对测量时效果更好（因此
700px
而不是百分比）<就我所知，code>max height不是样式表中除之外的任何元素的有效属性，因此我建议您使用CSS：

iframe {
    min-height: 200px; /* or whatever */
    max-height: 500px; /* or whatever */
}
如果必须，您还可以使用内嵌样式，这将产生

此外，虽然您可以使用百分比来给出
最大高度：80%
，但这似乎要求父元素有自己定义的
高度（我不确定是所有浏览器，还是只有一个或两个，但无论哪种方式，这似乎都是一个合理的期望，以便浏览器能够计算出80%的实际是什么）.
css/inline似乎也能产生同样的结果，我要展示的内容是一个多页应用程序。这些页面的大小非常接近400px 900px。如果我设置了最小页面的最小高度，那么iFrame就太小了……所以我需要的是高度：100%如果不超过910px……听起来可能需要用JavaScript完成……哈哈，谢谢！