GALAXY S4 mini発表スマホブラウザの解像度はいくつに？

616views／投稿 2013-05-31／更新 2019-04-30

GALAXY S4 miniが発表されました。docomo GALAXY S4 SC-04Eは、ディスプレイの解像度が1080×1920ピクセルとなっています。iPhone5や通常の高解像度なAndroidスマホは、ブラウザの解像度がviewportやCSS3のデバイス幅を決める設定が、調度２倍になっていましたが今度のGALAXY S4から縦で持って1080ピクセルの横幅なので単純に２分の１だと540ピクセルの幅になります。

これがそのまま適用されるのか、はたまたブラウザとしての解像度が別にあるのかが微妙でGALAXY S4がドコモの店頭で確認してみないと何ともまだわかりません。そして、今回発売されたのがGALAXY S4 miniです。スマホサイトの制作にあたり、スマホのChromeやブラウザの幅を判別するピクセルは完全なレスポンシブで無ければ、調整を合わせる必要があるでしょう。

スマホ対応サイトの気になる点

iPhoneの横幅320pxというのは現在でもdocomo XperiaTM A SO-04Eなどでも720ピクセルで２分の１の360ピクセルがAndroidの標準になりつつあり、iPhoneよりも40ピクセル横幅が多い設定でブラウザの表示がされ、CSS3のデバイス幅やviewportが機能しています。

これがGALAXY S4では1080ピクセルがどうなるのか？GALAXY S4 miniでの主要ブラウザではどうなるのか、まだまだスマホ対応のWeb Siteを作る時に気になることがドンドン出てきますね。

でも基本は320pxのiPhoneが最小単位として現状はそのサイズで想定すれば問題はないでしょうが、GALAXY S4はまた人気で相当売れるでしょうから1080ピクセルのブラウザの振る舞いを検証しなければなりません。

リキッドタイプのサイトにしてもブラウザ解像度320pxのiPhoneと、もしGALAXY S4がブラウザ解像度540px（仮半分想定）であればその差は同じスマホといえどかなり違うので、店頭に並んだら見に行こうと思います。

• ディスプレイの仕様の解像度
• ブラウザとしてviewportやCSS3が機能する解像度

この２つは、別になっています。混乱しますが、今までは丁度半分だったのが、GALAXY S4で半分に設定されていれば、実インチは変わらないので文字や画像はだいぶ小さくなるのか？それとも見た目は同じような大きさで解像度だけ高くなって、viewportやCSS3はブラウザにあらたな何％かで設定されるのかが疑問というのが今回の投稿の焦点です。