質問: CSS Media Queries:デスクトップのデバイス幅 私はCSSメディアクエリを使用することに関連した重要な質問があります。 iPadのデバイス幅を言うときと同じように、私はそれが常に768px(両方向)を返すと思います しかし、デスクトップブラウザでは、device-widthに返される値はどれくらいですか? デスクトップのメディアクエリで「幅」が返される値とは異なりますか?
回答: この仕様では、次の両方にアクセスできます。 > device-width:出力デバイスの幅を表します(ドキュメントウィンドウなどのレンダリング領域ではなく、画面またはページ全体を意味します)。 > > > > width:幅のメディアフィーチャーは、出力デバイスのレンダリングサーフェスの幅(ドキュメントウィンドウの幅、またはプリンタのページボックスの幅など)を表します。 > > したがって、device-widthはディスプレイハードウェアの幅です。これは、電話機自体またはデスクトップモニタです。明らかに、画面サイズがブラウザのビューポートサイズにほとんど影響しないということを考えると、デスクトップ環境ではそれほど有用ではありません。