gpt4 book ai didi

html - CSS 高度属性调整 iframe 错误

转载 作者:行者123 更新时间:2023-11-28 10:24:01 25 4
gpt4 key购买 nike

我有这个页面,应该在其中加载 iframe。框架的大小为 1024x768。但出于某种原因,框架加载非常小(可能是 300x200)。我的代码目前看起来像这样:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
<link rel="stylesheet" href="./design.css">

<style>
.edetail_frame {
border-radius: 25px;
height: 1024;
width:768;
display:inline-block;
overflow: hidden;
box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
}

</style>
</head>
<body>

<h3 style ="font-family:Open Sans">SlideShow</h3>

<div class="col-sm-10 ">
<div class="row fill-height">
<div class="edetail_frame" style="flex-basis: 700px">

<iframe src="frame.html" frameborder="0" id="edetail_frame" scrolling="no"></iframe></div>
</div></div></div>
</body>
</html>

最佳答案

应该将 widthheight 直接放在 iframe 标签中

<iframe src="frame.html" frameborder="0" id="edetail_frame" width="768" height="1024" scrolling="no"></iframe></div>

如果要使用css,需要放px

关于html - CSS 高度属性调整 iframe 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59262241/

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