@media screen：视口还是窗口大小？

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;
}

这可能对你有帮助。