我正在尝试制作一个响应式iframe，它通过设置width = 100％对宽度有效，但对高度这样做会导致：http://imgur.com/6pZJUb7
iframe放在<div class="w3-half w3-center">内，我使用的是w3 css。
答案 0 :(得分：0)
我认为您希望在iframe中保持某种宽高比。
如果父元素有一定的高度集，则百分比仅在高处起作用。
视口高度（vh）和视口宽度（vw）非常适合制作响应元素，因为它们不需要设置任何容器高度，但它们看起来可能会有很大不同，具体取决于显示器。
这样的东西会给你一个响应性的4：3宽高比：
div.wrapper {
width:40vw;
height:30vw;
}
调整值以满足您的需求。