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

Question

再会

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

使用时

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

}

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

谢谢

Answer 1

它指的是视口的宽度：

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

媒体查询最大宽度与视口大小或窗口大小有关？

Answer 2

@media screen

html{
width: 1024px;
}

这可能会帮助你。