我有一个带有 IFRAME 的响应式设计,其中包含一个带有 Flash 内容的 html 文件。
<iframe width="800px" height="600px" frameborder="0" align="middle" class="iframeStyle" src="linkToHtmlWithFlash.html"> </iframe>
现在我需要随着窗口宽度的变化按比例调整 IFRAME 及其包含的 flash 的大小。
我已经尝试过media query
和transform:scale
这样的组合
@media (max-width: 767px){
.iframeStyle {
transform: scale(0.74);
transform-origin: 0 0 0;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.iframeStyle {
transform: scale(0.9);
transform-origin: 0 0;
}
}
但是这种方法似乎不太好,只有在达到截止值时才会调整大小。
任何使用 jquery 或纯 CSS 的解决方案?
有没有使用纯 CSS 或 jQuery 的解决方案。