Html CSS媒体查询和元素宽度

Html CSS媒体查询和元素宽度,html,css,media-queries,Html,Css,Media Queries,媒体查询中指定的宽度是表示设备屏幕的大小,还是表示移动设备中浏览器的内部宽度 如果我指定的元素宽度与媒体查询中定义的minwidth相同,是否会在某个点出现水平滚动条 例如: @media screen and (min-width: 460px) and (max-width: 800px){ .wrapper{ width: 460px; } } 如果这不正确,那么.wrapper的最大宽度应该是多少才能避免滚动条 根据媒体查询中的w3c宽度 “宽度”媒体

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

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

例如:

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

    .wrapper{
        width: 460px;
    }
}

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

根据媒体查询中的w3c宽度

“宽度”媒体功能描述目标显示器的宽度 输出设备的面积

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

您可以使用
设备宽度
功能使标记响应设备屏幕

W3c规范:

在上分享您的示例,这将对您有所帮助