infoScoopをタブレット対応させる際に、iFrame絡みのクロスブラウザ対策でハマったので、そのあたりの対策について紹介したいと思います。 サポートブラウザ 今回サポート対象となったブラウザ(OS)は以下になります。 Safari(iOS) Android Browser(Android) IE(Windowsタブレット) DOCTYPE宣言 HTMLの記述の前に、まずはDOCTYPE宣言です。 以下はHTML5のDOCTYPE宣言になります。 <!DOCTYPE HTML> 現状では何も宣言しないとブラウザのレンダリングモードは互換モードが選択されます。 また、互換モードに比べて標準モードの場合は記述が厳格になることもあり表示速度の向上も期待できます。 なので、モバイル向けにWebページを作成する際にはHTML5のDOCTYPE宣言をするようにしましょう。 iOSのiFrameにお
![モバイル向けWebページでiFrameを使用する際のスクロール問題 | infoScoop開発者ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/818e050555afb63d3a9940b7e1d12e165aebe85e/height=288;version=1;width=512/http%3A%2F%2Finfoscoopjp.files.wordpress.com%2F2014%2F04%2Fiframe-safari-err.png%3Fw%3D300)