css – 媒体查询max-width与视口大小或窗口大小有关?

前端之家收集整理的这篇文章主要介绍了css – 媒体查询max-width与视口大小或窗口大小有关?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道媒体查询的最大宽度是否与视口大小或窗口大小有关?

例如,我有这个媒体查询

@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.

猜你在找的CSS相关文章