iPhoneで横向きにした際の拡大バグを修正する「iOS-Orientationchange-Fix 」

Check このエントリーをはてなブックマークに追加

配布元:A Fix for the iOS Orientationchange Zoom Bug | Filament Group, Inc., Boston, MA
配布元:MIT License.

iPhoneでは横向きにした際にViewportがzoomして拡大されてしまうバグ(仕様?)があります。対策としてよく利用される方法としては次のようにviewportにmaximum-scale=1を指定して拡大そのものを抑制する方法です。

<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">

しかしながらこの方法では指のピンチインピンチアウトによる拡大まで抑制してしまいます。

この問題を解決するのがiOS-Orientationchange-Fixです。GitHubからダウンロードしたios-orientationchange-fix.jsをページ内で読み込むだけで横向きにした際に拡大される現象を回避することができます。

<script src="ios-orientationchange-fix.js"></script>

サンプル(iOSシミュレータでは確認できません実機で確認ください)

スポンサードリンク

コメント

カテゴリー：iPhone ライブラリ 製作補助系