29

aspect-ratioとの簡単な違いは何device-aspect-ratioですか？

4

5 に答える 5

42

アスペクト比に関して、ターゲット表示領域と出力デバイスの違いについて混乱しているすべての人のために：

ターゲットを絞った表示領域

ブラウザウィンドウまたはWebサイトが表示される領域のアスペクト比（特殊なケースは、たとえば埋め込みWebサイトです）

出力機器

画面の物理的なアスペクト比。スマートフォンやデスクトップディスプレイなど

スマートフォンとタブレットは通常、アプリをフルスクリーンモードでのみ表示するため、アスペクト比とデバイスのアスペクト比は同じです。デスクトップコンピュータでは、ユーザーがブラウザウィンドウのサイズを変更できるため、アスペクト比が変化するため、これが常に当てはまるとは限りません。

お役に立てば幸いです。

于 2013-09-05T02:20:02.470 に答える
5

モバイルでの機能の違いは、ソフトキーボードを起動するとアスペクト比が変更されますが、デバイスのアスペクト比は変更されないことです。

于 2016-10-30T18:53:57.697 に答える
3

aspect-ratio

出力デバイスのターゲット表示領域のアスペクト比について説明します。この値は、スラッシュ（ "/"）文字で区切られた2つの正の整数で構成されます。これは、垂直方向のピクセル数に対する水平方向のピクセル数を表します。

ソース。

device-aspect-ratio

出力デバイスのアスペクト比について説明します。この値は、スラッシュ（ "/"）文字で区切られた2つの正の整数で構成されます。これは、垂直方向のピクセル数に対する水平方向のピクセル数を表します。

ソース。

于 2011-04-20T05:21:59.447 に答える
3

アスペクト比はビューポート領域を測定します。デバイスのアスペクト比は、デバイスの画面領域を測定します。

于 2016-11-19T14:41:10.240 に答える
0

アスペクト比

ビューポートのアスペクト比またはデバイスのアスペクト比は、高さに対する幅の比率です。したがって、画面の幅が1,000ピクセル、高さが500ピクセルの場合、デバイスのアスペクト比は2：1になります。これは、1,000が500の2倍であるためです。画面の比率は、一見するとほとんどすべてが見た目だけですが、大きく異なります。同様の長方形のように。

一般的なモニターのアスペクト比は、16：9（1920×1080または1366×768ピクセルなど）または16:10（1280×800）です。iPhone 3および4Sは3：2（480×320および960×640）で、iPhone 5は16：9（1136×640）です。Androidスマートフォンは通常、4：3、3：2、16：10、または16：9です。

例：

@media only screen and (device-aspect-ratio: 16/9)
{ ... }
@media only screen and (min-device-aspect-ratio:
1920/1080) { ... }
于 2014-10-07T09:14:27.890 に答える