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