iframeを入れたwebサイトをiphoneで見たら、 iframeの中身がはみ出して、ページを独占していました。 iPhoneとiPadではiframeのサイズ調整が普通にサイズ指定しても効かないみたいです。 Androidもどうもよろしくない様子。 修正方法は次の通りです。 1、スマホ用のスタイルシートを出し分ける スマホや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
![iframeがiPhoneスマホではみ出す件の修正方法|divで囲んでサイズ調整するだけ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e8969e69effd0c329230ab9dbbbe116921eef4e/height=288;version=1;width=512/https%3A%2F%2Fwryoku.com%2Fwp-content%2Fuploads%2F2014%2F02%2Fiflame.gif)