仅使用CSS响应iframe高度与宽度的比例
提问于 2021-03-24 17:16:16
我试着保持iframe的比例总是相同的，尽管有视口。只要下面的代码适用于块单元，iframe就不会显示任何内容(我猜这是因为高度设置为0)。如何保持Iframe的4:3 (100%：75%)的比例？我不想使用任何jquery，只想使用简单的css。
iframe {
width: 100%;
height: 0;
padding-bottom: 75%;
}
回答 1
Stack Overflow用户
发布于 2021-03-24 17:34:57
好了，我找到了一条路。我将iframe封装在div中，并应用了以下代码：
div {
width: 100%;
height: 0;
padding-bottom: 75%;
position:relative;
}
div iframe{
width: 100%;
height: 100%;
position:absolute;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66786056
复制相关文章
腾讯云开发者
