CSS媒体查询和元素宽度

Question

媒体查询中指定的宽度是否表示隐藏屏幕的大小,或者它是移动设备中浏览器的内部宽度.

如果我指定与min-width媒体查询中定义的元素宽度相同的元素宽度,是否会在某个点出现水平滚动条？

例如:

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

    .wrapper{
        width: 460px;
    }
}

如果这不正确,.wrapper为了避免滚动条,最大宽度应该是多少？

Answer 1

根据媒体查询中的 w3c 宽度是

\n\n

\n
\xe2\x80\x98width\xe2\x80\x99 媒体功能描述输出设备的目标显示区域的宽度。
\n

\n\n

对于屏幕，它将是浏览器窗口的宽度。

\n\n

您可以使用device-width功能使标记响应设备屏幕。

\n\n

\n