CSS媒体查询和元素宽度

Question

5

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

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

例如：

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

    .wrapper{
        width: 460px;
    }
}

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

- user1251698

请在jsfiddle.net分享您的示例。 - Ahsan Khurshid

这篇文章和链接可以帮助你更好地理解屏幕和表格。 - Arpit Srivastava

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nick Kugaevsky · Accepted Answer

根据w3c，媒体查询中的宽度是指输出设备目标显示区域的宽度。对于屏幕而言，它将是浏览器窗口的宽度。您可以使用“device-width”功能使您的标记响应设备屏幕。W3c规范：http://www.w3.org/TR/css3-mediaqueries/#width。