我想知道如果媒体查询的最大宽度是涉及观察口的大小或窗口大小？
例如，我有这种媒体查询：
@media screen and (max-width: 360px){}
将这个媒体查询在行动时，视口的尺寸是640x360像素或窗口的大小为360px？
Answer 1:
它的视口。 这是在规定的规格 ：
的“宽度”媒体特征描述了输出设备的目标的显示区域的宽度。 对于连续的媒体，这是视口的宽度（如由CSS2，第9.1.1节[CSS21]中描述的），其包括呈现滚动条（如果有的话）的大小。
这也适用于主浏览器窗口内的子视区，如框架集和iframe中的。 所以，如果一个iframe有640x360像素或以下的宽度，您的媒体查询也将是iframe中适用。
文章来源: media query max-width relates to the view port size or the windows size?
