Iframe width and heighth won#x27；不变
此iframe的宽度和高度不会更改。我想要反应灵敏的设计。请帮忙 现在：Iframe width and heighth won#x27；不变,iframe,responsive-design,Iframe,Responsive Design,此iframe的宽度和高度不会更改。我想要反应灵敏的设计。请帮忙 现在： 修改500x500-不工作，仍为300x300： 对于纯CSS解决方案，您需要将iframe包装在容器周围并对其应用样式，有关更多详细信息，请参阅 另一个选项是使用jquery 请拿一台织机 试试这个代码 <html> <body> <style> html,body {height:100%;} .wrapper {width:80%;hei
对于纯CSS解决方案，您需要将iframe包装在容器周围并对其应用样式，有关更多详细信息，请参阅 另一个选项是使用jquery 请拿一台织机 试试这个代码
<html>
<body>
<style>
html,body {height:100%;}
.wrapper {width:80%;height:100%;margin:0 auto;background:#CCC}
.iframe1 {position:relative;}
.iframe1 .ratio {display:block;width:100%;height:auto;}
.iframe1 iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
</style>
<div class="wrapper">
<div class="iframe1">
<img class="ratio" src="sometransparentimage.jpg"/>
<iframe src="http://www.kadinvekadin.net/mod-burclar.php" frameborder="0"
allowfullscreen></iframe>
</div>
</div>
</body>
</html>
html，正文{高度：100%；}
.wrapper{宽度：80%；高度：100%；边距：0自动；背景：#CCC}
.iframe1{位置：相对；}
.iframe1.比率{显示：块；宽度：100%；高度：自动；}
.iframe1 iframe{位置：绝对；顶部：0；左侧：0；宽度：100%；高度：100%；}