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