我想知道媒体查询的最大宽度是否与视口大小或窗口大小有关?
例如,我有这个媒体查询:
@media screen and (max-width: 360px){}
当视口大小为360px或窗口大小为360px时,此媒体查询是否会生效?
解决方法
这是视口.这在
spec中说明:
The ‘width’ media feature describes the width of the targeted display area of the output device. For continuous media,this is the width of the viewport (as described by CSS2,section 9.1.1 [CSS21]) including the size of a rendered scroll bar (if any).
这也适用于主浏览器视口中的子视口,例如框架集和iframe的子视口.因此,如果iframe的宽度为360px或更低,则您的媒体查询也将应用于该iframe.