5.2. Viewportメタタグの設定と詳細
Viewportメタタグの指定方法とその効果を確認するためのデモです。
- Viewportメタタグの指定なし
- Viewportメタタグ: width=device-width
- Viewportメタタグ: initial-scale=1.0
- Viewportメタタグ: width=device-width, initial-scale=1.0
テストしたブラウザ・端末
上のデモページは、以下のブラウザ・端末で確認を行いました。Viewportメタタグの設定が関係するスマホ端末のブラウザから確認をしています。
- Mobile Safari (iOS 6.0.1 / iPhone 5)
- Mobile Safari (iOS 5.1.1 / iPhone 4)
- Mobile Safari (iOS 5.1.1 / iPad第1世代)
- ブラウザ (Android 2.3.3 / P-07C)
※バグなどがありましたら、@rriverまでお知らせください。随時、情報の修正や追加をしていきます。