@media屏幕：视口或窗口大小？

Question

美好的一天

我有点困惑，可能是因为我暂时没有使用媒体查询：

使用时

@media screen and (max-width:1024px){

}

是指视口大小（页面的可见部分）还是窗口大小（包括滚动条等）？

谢谢

Answer 1

它指的是视口的宽度：

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

media query max-width relates to the view port size or the windows size?

Answer 2

@media screen

html{
width: 1024px;
}

这可能对你有所帮助。