ワイズリマインダー

iOSでiframeがはみ出す場合の対処法

htmlでは、iframeをdivで囲む

<div><iframe src="hoge.html"></div>

javascriptでiOSだけにCSSを反映

var agent=navigator.userAgent;
if(agent.search(/iPhone/)!=-1 || agent.search(/iPad/)!=-1 || agent.search(/iPod/)!=-1){
  $('iframe').eq(0).css({
    'width':'100%',
    'height':'100%',
    'border':'none',
    'display':'block'
  }).parent('div').css({
    'width':'XXXpx',
    'height':'YYYpx',
    'overflow':'auto',
    '-webkit-overflow-scrolling':'touch',
    'display':'inline-block'
  });
}

• ≪新しい記事へ

コメントは受け付けていません。