min-width: 600pxCSS メディア クエリのブレークポイントとして使用しています。私の理論的根拠は、600 ピクセル以上ではタブレット デバイス (Kindle Fire、iPad など) をキャプチャし、600 ピクセル未満ではすべての電話デバイスをキャプチャするというものでした。
iPhoneはピクセルを2倍にすることでうまく機能しますが、それでも320px x 480pxと報告されていますが、700px x 1280pxのような解像度のAndroid携帯がたくさんあります. 問題は、タブレットのようなインターフェイスを提供せずにこれらのデバイスをキャプチャするにはどうすればよいかということです。
通常、コンテンツをデバイスのピクセル解像度に対応させるだけですが、4.3 インチの画面で 1280 ピクセルのレイアウトが適切に表示されません。特に、私のアプリケーションは多くのフォーム要素を処理するため、これは携帯電話では顕著です。幅全体に広げたいのですが、タブレットやデスクトップではそうではありません。