我想通过CSS缩放一个iFrame到width: 100%
,高度应该与宽度成比例缩放。
有了<img>
标签,就可以很好地工作了。
图像和iFrame都在html中定义了宽度和高度。
下面是一些例子:
<html>
<style>
#a{ width: 500px; }
img{ width: 100%; height: auto }
</style>
<body>
<div id="a">
<img src="http://lorempixel.com/200/150/" width="200" height="150" />
</div>
</body>
这在图像上效果很好,但我希望iFrames也有同样的行为:
<html>
<style>
#a{ width: 900px; background: grey;}
iframe{ width: 100%; height: auto }
</style>
<body>
<div id="a">
<iframe width="560" height="315" src="http://www.youtube.com/embed/RksyMaJiD8Y" frameborder="0" allowfullscreen></iframe>
</div>
</body>
iFrame渲染100%的宽度,但不像图像那样按比例缩放高度。
https://stackoverflow.com/questions/11122249
复制相似问题