モバイル デザイン担当者ではありませんが、会社のモバイル サイトを作成しているベンダーと協力する必要があります。
彼らが提供したビジュアル デザイン イメージには 3 つのブレークポイントがあります。基本的に、上記の 320px、600px、および 768px に対してサイトがどのように見えるかを示す行です。
今、縦向きで解像度が640のiPhone 4に表示されるベンダーに尋ねると、320ブレークポイントが表示されるとのことです。彼は、ウェブサイトの開発中に使用する必要があると彼が言う Device-W というコラムがある次のウェブサイトを私に見せてくれました。 http://screensiz.es/phone
さて、問題は、開発ベンダーに行く前に、素人の言葉でそのDevice-Wが何であるかを理解するのを手伝ってくれる人が欲しかったので、間違った決定をしていないことを確信しています.
このリンクはあなたを助けるはずです。
device-width は、デバイス自体の幅、つまりデバイスの画面解像度を指します。技術的には解像度が 640 x 960 であるにも関わらず、人気の iPhone 4 (デバイス幅: 320px) を含め、ほとんどの携帯電話のデバイス幅は 480px 以下です。これは、画面上の各 CSS ピクセルに 2 つのデバイス ピクセルを詰め込む iPhone 4 の Retina ディスプレイによるものです。これは Ipad 3 にも当てはまります。実際の画面解像度は 1536px x 2048px ですが、報告されたデバイス幅は前任者と同じように 768px です。一般に、レスポンシブ Web ページの作成に関しては、幅の方が汎用性が高くなりますが、特にモバイル デバイス (たとえば、小さなブラウザー ウィンドウを備えたデスクトップではなく) をターゲットにしたい場合は、デバイス幅が役立ちます。