CSS Media Queries:デスクトップのデバイス幅

私はCSSメディアクエリを使用することに関連した重要な質問があります。 iPadのデバイス幅を言うときと同じように、私はそれが常に768px(両方向)を返すと思います しかし、デスクトップブラウザでは、device-widthに返される値はどれくらいですか? デスクトップのメディアクエリで「幅」が返される値とは異なりますか?

3

1 答え

この仕様では、次の両方にアクセスできます。

https://developer.mozilla.org/ja/CSS/Media_queries

device-width:出力デバイスの幅を表します(ドキュメントウィンドウなどのレンダリング領域ではなく、画面またはページ全体を意味します)。

     

width:幅のメディアフィーチャーは、出力デバイスのレンダリングサーフェスの幅(ドキュメントウィンドウの幅、またはプリンタのページボックスの幅など)を表します。

したがって、device-widthはディスプレイハードウェアの幅です。これは、電話機自体またはデスクトップモニタです。明らかに、画面サイズがブラウザのビューポートサイズにほとんど影響しないということを考えると、デスクトップ環境ではそれほど有用ではありません。

2
追加された
Thxは...だから私はデバイスの幅を使用してデスクトップ/ iPhone/iPadを区別するためにメディアクエリを使用する場合、どのように私はデスクトップのために指定する....私は最大480pxを介してiPhoneができることを知っている... ipadすることができます等768pxを介して....しかし、私はどのようにデスクトップのデバイスの幅を指定する...私は3つの別のCSSのリンクステートメントを望んでいることを意味..
追加された 著者 testndtv,
また、確認するには、幅とデバイスの幅はiPhone/iPadで間接的に同じ値ですか?
追加された 著者 testndtv,