1

例如,如果我想定位一个最小宽度为 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如果我的内容不太可能被打印出来,我是否会更好(即使只是略微添加) ?

4

0 回答 0