我想知道媒体查询的最大宽度是否与视图端口大小或窗口大小有关?
例如,我有这个媒体查询:
@media screen and (max-width: 360px){}
当视口大小为 360px 或窗口大小为 360px 时,此媒体查询会起作用吗?
这是视口。这在spec http://www.w3.org/TR/css3-mediaqueries/#width:
“宽度”媒体功能描述了输出设备的目标显示区域的宽度。对于连续媒体,这是视口的宽度(如 CSS2 第 9.1.1 节 [CSS21] 中所述),包括渲染的滚动条(如果有)的大小。
这也适用于主浏览器视口内的子视口,例如框架集和 iframe 的子视口。因此,如果 iframe 的宽度为 360px 或更小,您的媒体查询也将应用于该 iframe 内。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)