Javascript 根据窗口宽度重新调整iframe的大小
我有一个iframe嵌入在第三方网站中，我不能以任何方式编辑它 我希望iframe根据窗口的宽度重新调整大小 如果我能够编辑整个页面，这将不会是一个问题 但是，当以%为单位设置元素的大小时，它使用该元素的父元素来调整其大小。对于我正在使用的页面，父元素不会重新调整大小，因此这不起作用 我需要的是一种告诉iframe重新调整大小的方法，完全基于窗口的宽度，最好只使用CSS 这是否可能只使用CSS？如果无法使用JQuery或JavaScript，请尝试以下方法： 这个jsiddle在iframe中加载第二个jsiddle IFrame上有一个硬编码的Javascript 根据窗口宽度重新调整iframe的大小,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我有一个iframe嵌入在第三方网站中，我不能以任何方式编辑它 我希望iframe根据窗口的宽度重新调整大小 如果我能够编辑整个页面，这将不会是一个问题 但是，当以%为单位设置元素的大小时，它使用该元素的父元素来调整其大小。对于我正在使用的页面，父元素不会重新调整大小，因此这不起作用 我需要的是一种告诉iframe重新调整大小的方法，完全基于窗口的宽度，最好只使用CSS 这是否可能只使用CSS？如果无法使用JQuery或JavaScript，请尝试以下方法： 这个jsiddle在iframe中
style100vwPS，如果不在您的环境中尝试，很难知道这是否有效，请让我知道：-）我以前遇到过这个问题，我使用了这个css技巧，这将根据任何包装器/div的宽度和高度进行调整，因此，如果您在div中嵌入了一个iframe，其“height:620px”和“width:420px”，则iframe大小将根据div的高度和宽度进行调整。只需将div的宽度和高度都更改为100%
.content\u此处{
宽度：420px；
高度：620px；
}
iframe#iframe内容{
显示：块；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
身高：100%；
宽度：100%；
}