iOSでiframeのスクロールが効かない問題への対応

よくある埋め込みパーツみたいなのを作っていたのだけど、
スマホで横幅100%の指定が効かず、横に伸びちゃって困った。

このあたりを参考に解決。

最終的にこんな感じで無事動作しました。

    <div style="width:100% !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;">
      <iframe style="width:100%;height:XXXpx;" src="XXXXX"></iframe>
    </div>

-webkit-overflow-scrollingの指定がミソですね。

よかったよかった。