【发布时间】：2013-05-31 23:37:45
【问题描述】：
有一个 iframe，它的内容基本上比适合框架的要多。框架的大小基于浏览器屏幕大小并允许溢出滚动，这在除 iOS 之外的所有浏览器上都能完美运行。在 iOS 上，Safari 决定调整框架的大小以适应内容。不是你所期望的。
jsFiddle 上的示例代码：
http://jsfiddle.net/R3PKB/2/
在您的 iOS 设备上试用：
http://jsfiddle.net/R3PKB/2/embedded/result
HTML：
<div class="frame_holder">
<iframe class="my_frame">
// The content
</iframe>
</div>
CSS：
body {
position: relative;
background: #f0f0f0;
}
.frame_holder {
position: absolute;
top: 50px;
bottom: 50px;
left: 50px;
right: 50px;
background: #ffffff;
}
.my_frame {
width: 100%;
height: 100%;
border: 1px solid #e0e0e0;
}
【问题讨论】：
-
赞成我对这个问题的清晰分析。
标签： ios css mobile iframe resize