CSS Media Queriesの使用に関する重要な質問があります。 iPadのデバイス幅と言ったように、私は常に768px(両方の向き)を返すと思います。 デスクトップブラウザでは、device-widthの値はどういう値ですか? 「Media Query for Desktop」で返される「幅」とは異なりますか?CSS Media Queries:デスクトップのデバイス幅
3
A
答えて
2
仕様はあなたが両方にアクセスすることができます:
https://developer.mozilla.org/en/CSS/Media_queries
デバイス幅:など、画面全体またはページを意味する出力デバイス(だけではなく、描画領域の幅を記述しますドキュメントウィンドウとして)。
width:幅のメディアフィーチャは、出力デバイスのレンダリングサーフェスの幅(ドキュメントウィンドウの幅、またはプリンタのページボックスの幅など)を表します。
したがって、device-widthはディスプレイハードウェアの幅です(電話機またはデスクトップモニタの場合)。明らかに、画面サイズがブラウザのビューポートサイズにほとんど影響しないということを考えると、デスクトップ環境ではそれほど有用ではありません。
関連する問題
- 1. CSS Media Queries&Advertisements
- 2. css media queries:幅、ピクセル比率などを指定しないターゲットモバイルデバイス
- 3. Gulp post media-queriesでCSS-mixinsの問題
- 4. Sass - media queries
- 5. CSS3 Media Queries - Chromeコンソール
- 6. Media Queriesの使用方法は?
- 7. media-queriesのmax-widthは幅または高さを使用しますか?
- 8. media-queries、last-of-type、およびクラス名の組み合わせ
- 9. media-queries VS.さまざまなモバイルフォーマットのための流体グリッド
- 10. Media Css for Iphone6&Iphone6 plus
- 11. iPad 3(または新しいiPad)のCSS Mediaクエリ
- 12. CSSの幅とデバイス幅の違いは何ですか?
- 13. media-queriesを使用して応答しているウェブサイト
- 14. MediaWikiでMedia Queriesが動作しますか?
- 15. iOSデバイスのAzure Media Player
- 16. media print CSS
- 17. css media query responsive
- 18. CSS + Mediaクエリのヘルプ+要素のスタイル
- 19. なぜGoogle ChromeがCSS @ media-queriesに影響を与えているのですか?
- 20. CSS @media印刷マージン
- 21. IE9 + do not like media-query css
- 22. デバイス幅とデバイスの高さ
- 23. ワードプレスでデスクトップの幅を取得
- 24. safariのmedia-queriesが高さ100%正しく表示されない
- 25. ブックマーク付きページの「幅=デバイス幅」エラー
- 26. iphone7 plusのデバイス幅のCSSは何ですか?
- 27. CSSインタラクション(ポインタ)Media Query at risk?
- 28. モバイル用のCSSレファレンスを別にして、推奨最大デバイス幅ですか?
- 29. MAX-デバイス幅や向きの変更
- 30. ブートストラップコンテナ内のデスクトップ上の全幅メガメニュー
Thx多くの場合、デバイスの幅を使用してデスクトップ/ iPhone/iPadを区別するためにメディアクエリを使用すると、デスクトップに指定する方法を教えてください.... iPhoneは最大480pxまで可能です.ipadは等しい768pxを経由することができます....しかし、私はデスクトップのデバイスの幅を指定する...私は3つの別々のCSSのリンクステートメントを望んでいることを意味します.. – testndtv
また、幅とデバイスの幅は間接的に同じですiPhone/iPadでの値は? – testndtv