html - CSS 媒体查询和元素宽度

Question

媒体查询中指定的宽度是指设备屏幕的尺寸还是移动设备中浏览器的内部宽度。

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

例如:

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

    .wrapper{
        width: 460px;
    }
}

如果那不正确，.wrapper 的最大宽度应该是多少才能避免滚动条？

Answer 1

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

The ‘width’ media feature describes the width of the targeted display area of the output device.

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

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

W3c 规范:http://www.w3.org/TR/css3-mediaqueries/#width