iframeがiPhoneスマホではみ出す件の修正方法｜divで囲んでサイズ調整するだけ

iframeを入れたwebサイトをiphoneで見たら、 iframeの中身がはみ出して、ページを独占していました。 iPhoneとiPadではiframeのサイズ調整が普通にサイズ指定しても効かないみたいです。 Androidもどうもよろしくない様子。 修正方法は次の通りです。 １、スマホ用のスタイルシートを出し分ける スマホやipadで利用するスタイルシート(cssファイル)を、 本体のCSSとは別に準備します。 今回はjavascriptを使ってユーザーエージェント（UA）を使って出し分けます。 <script> (function(){ var _UA = navigator.userAgent; if (_UA.indexOf('iPhone') > -1 || _UA.indexOf('iPod') > -1) { document.write(''); }else if(_U

[iww]

IEでもiframeがはみ出る時はdivに overflow: auto; を付けると治る

[Falky]

Mobile Safariでiframeのサイズが変な件(インラインで書いたheightが無視されるなど)の対処方法。jsなどでUA振り分けするしかない。//スクロールについては -webkit-overflow-scrolling: touch; などするとよい