html - CSS メディア クエリと要素の幅

Question

メディア クエリで指定された幅はデバイス画面のサイズを表していますか、それともモバイル デバイスのブラウザの内側の幅ですか。

min-widthメディア クエリで定義されているのと同じ要素幅を指定した場合、水平スクロール バーはどこかで表示されますか?

例えば：

@media screen and (min-width: 460px) and (max-width: 800px){

    .wrapper{
        width: 460px;
    }
}

それが正しくない場合、.wrapperスクロール バーを避けるために最大幅はどれくらいにする必要がありますか?

Answer 1

メディアクエリの w3c による幅は

「幅」メディア機能は、出力デバイスのターゲット表示領域の幅を表します。

画面の場合は、ブラウザ ウィンドウの幅になります。

機能を使用device-widthして、マークアップをデバイス画面に反応させることができます。

W3c 仕様: http://www.w3.org/TR/css3-mediaqueries/#width