スマートフォンウェブサイトをスマホ対応化させる場合、「CSSピクセル」や「デバイスピクセル比」というのを考える必要があります。「スマホ表示で画面が横(左右)に動く現象の原因と直し方」のページで解説した通り、スマホ表示の際にディスプレイ上に表示されるページの横幅はそのデバイス(機種)ごとに設定されているCSSピクセルによって決まる。568ピクセルなので、スマホ表示の際の横幅は320ピクセルである。1136ピクセルである。Apple公式サイトつまりiPhone5の場合、Webページの1ピクセルを表示するためにディスプレイの2ピクセルを使用することになるわけです。Nexus5XのCSSピクセルはいくつ?私が現在メイン機として使用している携帯はNexus5Xである。この機種のCSSピクセルを知りたくてネット検索したのですが、的確に書かれているページが見つからなかったので、自分で確認してみました。このブログや自分のサイトにNexus5Xでアクセスをし、アクセス解析によって解像度を確認するのです。私は自分の管理しているサイトに2種類のアクセス解析を設置しています。その片方のアクセス解析での表示は以下。732となっています。一応、念のためにGoogleアナリティクスのほうでも確認してみます。こちらでも同じく412×732となっています。