私の質問は、デバイスの解像度と dpi、およびモニターの解像度と dpi について知っていることを前提としています。また、Web ページのレイアウトは流動的です (w3c の推奨に従って、すべて em のパーセンテージで表されます)。たとえば、モバイル デバイスの画面が 480x320 で dpi が 192 だとします。私のモニターの dpi は 96 ですが、デスクトップをChrome のサイズは 960x640 ですか? そうでない場合、どのような要因を説明する必要がありますか?
質問する
288 次
3 に答える
2
いいえ。クロムの寸法を480x320に設定すると、電話で表示されるのと同じものが表示されます。ピクセルは、電話で表示している場合でも、デスクトップコンピューターで表示している場合でも同じです。
DPIの数値は、デバイスの解像度を示しているだけです。たとえば、コンピュータの1インチあたりのピクセル数は96ピクセルで、電話のサイズは192です。したがって、出力はまったく同じになりますが、480 * 320は、電話の画面よりもコンピュータの物理的な領域を大きく占有します。
* Useragentをチェックし、電話/ブラウザ/ネットブックなどに応じて出力を変化させるスクリプト/コードを使用している場合は、これを考慮する必要があります。Useragentを「スプーフィング」するクロームプラグインを入手して、モバイルデバイスのようにサイトを見ることができます。文字通り巧妙なCSSと流動的なレイアウトを使用している場合でも、問題はありません。
于 2012-09-24T13:09:17.817 に答える
2
User-Agent 文字列を変更し、Chrome 開発者ツールでさまざまなモバイル解像度をエミュレートできます。
で開発者ツールを開き、F12右下隅の歯車アイコンをクリックして、[ユーザー エージェント] タブを開きます。
ハードウェア ピクセルと正規化された光学ピクセルには違いがありますが、これは複雑な問題です。QuirksModeまたはA list Apartで詳細を読むことをお勧めします。
于 2012-09-24T13:14:46.427 に答える
0
はい、できます。
単にヒットCtrl++すると違いがわかります。ズームアウトするCtrl--には を使用し、元の状態に戻るには を押しCtrl+0ます。することもできますResize the window manually。これにより、流動的なレイアウトも変更されます。
于 2012-09-24T13:13:39.483 に答える