iOS の CSS による iframe のサイズ 質問する

iframe があり、基本的にフレームに収まる以上のコンテンツがあります。フレームのサイズはブラウザの画面サイズに基づいて決定され、オーバーフロー スクロールが可能で、iOS を除くすべてのブラウザで完璧に機能します。iOS では、Safari がコンテンツに合わせてフレームのサイズを変更します。予想外のことです。

jsFiddle のサンプルコード:
http://jsfiddle.net/R3PKB/2/

iOS デバイスで試してみてください:
http://jsfiddle.net/R3PKB/2/埋め込み/結果

HTML:

<div class="frame_holder">
  <iframe class="my_frame">
    // The content
  </iframe>
</div>

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;
}