媒体查询中指定的宽度是否代表隐藏屏幕的大小,或者它是移动设备中浏览器的内部宽度。
如果我指定与媒体查询中定义的min-width
相同的元素宽度,是否会在某个时刻出现水平滚动条?
例如:
@media screen and (min-width: 460px) and (max-width: 800px){
.wrapper{
width: 460px;
}
}
如果这不正确,为了避免滚动条,.wrapper
的最大宽度应该是多少?
答案 0 :(得分:1)
根据媒体查询中的w3c宽度
“宽度”媒体功能描述了目标显示的宽度 输出设备的区域。
对于屏幕,它将是浏览器窗口的宽度。
您可以使用device-width
功能使您的标记响应设备屏幕。