有一个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;
}