タグ

ブックマーク / wryoku.com (1)

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

    iframeを入れたwebサイトをiphoneで見たら、 iframeの中身がはみ出して、ページを独占していました。 iPhoneiPadでは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で囲んでサイズ調整するだけ
    Falky
    Falky 2014/09/02
    Mobile Safariでiframeのサイズが変な件(インラインで書いたheightが無視されるなど)の対処方法。jsなどでUA振り分けするしかない。//スクロールについては -webkit-overflow-scrolling: touch; などするとよい
  • 1