7と比較してみたいと思います。HDではdensityが「1.5(240dpi)」に設定されています。※tvdpiや他のデバイスのdensityに関してはこちらで公開中のお試し版でもご覧いただけます。そのため、densityに基づいたビューポートを利用すると、同じ7インチでありながら表示エリアに差が生じているのが確認できます。ratio)に基づく解像度で表示したもの。7のdensityに基づくビューポートの解像度を603pxから600pxに変更しました。7」を参照してください。実際に使用してみると、このエリアの差は意外と大きく、個人的にはtvdpiの設定はなかなかよく考えられていると思います。今後、7インチクラスのタブレットのdensityがどちらかの値に収束していくのか、このまま2つの値を扱っていくのか、iOSサイドの動向も絡んで、なかなか興味深いポイントです。Browser」で読み込むと、ページが拡大して表示されるという問題が見られました。ダブルタップすると通常の表示に戻すことができますが、content属性を「width=device-width,initial-scale=1」と指定しておくことでも回避することが可能です。Browserでは表示高速化のためAmazonのクラウドシステムを利用していますので、そのあたりが影響しているのかもしれません。Androidでは、「initial-scale=1」を追加しても「width=device-width」のみを指定したときと同じ状態で表示されます。iOSではiOS6とそれ以前とで処理が変わりますので注意が必要です。コーディング・プラクティスブックデザインカンプと指示書に従い、Webページをコーディングしてみる実践シリーズです。