例如,如果我想定位一个最小宽度为 500 像素的纵向屏幕,那么在查询中指定的顺序是否重要?
@media screen and (orientation: portrait) and (min-width: 500px) { ... }
我还没有通读 CSS 规范的用户代理部分,但我假设 CSS 是从左到右阅读的,所以对于上面的内容,它会首先检查方向,如果它评估为 true,它将继续最小宽度。正确的?那么如果我反过来呢:
@media screen and (min-width: 500px) and (orientation: portrait) { ... }
大概这会在定向之前检查最小宽度。如果确实如此,我应该在这里优先考虑什么,方向还是宽度?或者这是否会更具体到正在使用的其他媒体查询?(宽度使用与方向使用。)
在几乎没有媒体功能的媒体查询中,我想这是微不足道的,但更具体的事情呢:
@media
print
and (min-resolution: 300dpi),
projection
and (color),
screen
and (orientation: landscape)
and (min-width: 50px) { ... }
screen
在这种情况下, print
如果我的内容不太可能被打印出来,我是否会更好(即使只是略微添加) ?