私は最近、レスポンシブデザインを開始しました。 http://responsivepx.com/を使用して、すべての画面解像度でデザインがどのように表示されるかをテストしました。私は携帯電話（ギャラクシー・プライム・コア）を持っていて、それによればsiteそれは480X800の画面解像度です。問題は、（最小幅= 480）pxにブレークポイントを設定しようとしましたが、私の電話はそのブレークポイントに応答しませんでした。私はそれを設定したとき（min-width：321px）それが応答しなかった（min-width = 320px）を設定したとき、電話機の実際の幅が320ピクセルであると考えたので、さらにテストした後、電話機はブレークポイントに応答しました。 私の質問は：それはどういう意味ですか、それを計算する方法はありますか、それともちょうど幅-160ですか？モバイルデバイスの実際の画面解像度は何ですか
デバイス幅：ここ（スペイン語で）いくつかの情報を持つウェブサイトです：https://norfipc.com/celulares/medidas-pantalla-resolucion-telefonos-celulares-tabletas.html
は、ここで他の人と絵です"physical width/device pixel density"。あなたの電話は150％なので、480/1.5 = 320です。
携帯電話の一般的な画面解像度の概要については、http://screensiz.es/phoneをお勧めします。
私はあなたがインターネット上で最もcommomデバイスのリストを見つけることができると思います。私はあなたがすべての携帯電話（それは何千もある）のためにそれをすることができるとは思わないが、多くの決議は同じです。それは、（見ているブラウザを評価し、メディアクエリで使用）"width - 160"されていないhttp://www.destacaimagen.com/wp-content/uploads/responsive-web-design-chart1.jpg
デザインを反応的にしてすべてのデバイスに適合させたい場合は、そのためにブートストラップを使用できます。最初はモバイルですので、そこでの決議について心配する必要はありません。デザインにブートストラップを使用すると、ページはどの画面サイズにも反応します。 –
これは私の質問ではありませんでしたが、ブートストラップは1ページのサイトでは重すぎます...