0

Twitter ブートストラップを使用してレスポンシブ Web サイトの作成に取り組んでいます。私のウェブサイトがさまざまな解像度でどのように機能するかを確認するために、Google Chrome 拡張機能を使用しました。

Nexus 7 の解像度が 1200 x 800 であるというこの記事を参照しました。これは、Nexus 4 の解像度が 1280 x 768 であることを示しています。

ただし、プラグインでこれらの解像度を設定すると、ブラウザーでの Web サイトの表示とデバイスでの表示が異なります。1200 x 800 のブラウザー サイズを使用すると、ラップトップの方がうまく収まるため、Nexus 7 よりも MacBook Pro の方が解像度が高いようです。

モバイル デバイスの表示は小さいようです。Nexus 4 ディスプレイの幅が (約) 480px しかない場合があるようです。

何故ですか？

私はそれがppiに関係しているという予感があります。しかし、その場合、ラップトップで適切な対応を使用してレスポンシブ デザインをテストするにはどうすればよいでしょうか? テストするブラウザウィンドウのサイズを把握するために使用できる式はありますか?

4

2 に答える 2

0

Nexus4 の解像度は 768*1280 ピクセルで、ピクセル比率は 2 です。つまり、実際のピクセル数は 768*1280 (物理) で、ソフトウェア解像度は 768/2、1280/2 => 384*640 ピクセルのみです。アプリの解像度、つまりブラウザの解像度。なんで？「トレンド」の ppi 狂気の coz と、「ピクセル」を見ている神秘的な ppl の coz (欲望ブラボーでさえ、これらのピクセルを見たことがない)。pplは病気なので、メーカーはこのトリックを作りました.

于 2014-03-04T12:35:51.460 に答える