CSS 媒体查询和元素宽度答案

【问题标题】：CSS media queries and elements widthCSS 媒体查询和元素宽度
【发布时间】：2012-08-31 06:09:38
【问题描述】：

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

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

例如：

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

    .wrapper{
        width: 460px;
    }
}

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

【问题讨论】：

【解决方案1】：

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

“宽度”媒体功能描述了目标显示的宽度输出设备的区域。

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

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

【讨论】：