gpt4 book ai didi

html - 可以在 html5 标签的 iframe 标签中提供高度和宽度的百分比吗?

转载 作者:行者123 更新时间:2023-12-05 08:27:58 24 4
gpt4 key购买 nike

我正在为 html5 和 javascript 中的动态图创建一个应用程序。我希望屏幕上的 4 个图形在任何设备上显示为 4 个象限,此应用程序有效。这是我创建的代码

<!DOCTYPE HTML>
<html>
<head>

<iframe src = "file.html" height="500" width="500" align = "left" frameborder = "0"> </iframe>


<iframe src="file2.html" height="500" width="500" align = "middle" frameborder = "0"></iframe>
<iframe src="file3.html" height="500" width="500"align = "middle" frameborder = "0"></iframe>

<iframe src="file4.html" height="500" width="500"align = "middle" frameborder = "0"></iframe>


</head>
</html>

最佳答案

是的,您可以在 % 中向 iframe 提供 heightwidth。尽管有一个陷阱。

如果你像这样给 iframe 提供 CSS

iframe {
width: 100%;
height: 100%;
}

您会注意到只有 width 属性发生了变化,height 属性不会发生任何变化。

要完成这项工作,您必须为 iframe 的父级指定 height ,在本例中为 bodyhtml 。所以你的 CSS 现在应该是

html,body{

height: 100%;
}

iframe{
width:60%;
height:70%


}

现在在 iframe 中更改 height 将反射(reflect)更改。

这是一个Fiddle

关于html - 可以在 html5 标签的 iframe 标签中提供高度和宽度的百分比吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24299990/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com