Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 媒体查询中使用的媒体功能表达式的顺序有多重要?如果有,应该优先考虑什么?_Html_Css_Media Queries - Fatal编程技术网

Html 媒体查询中使用的媒体功能表达式的顺序有多重要?如果有,应该优先考虑什么?

Html 媒体查询中使用的媒体功能表达式的顺序有多重要?如果有,应该优先考虑什么?,html,css,media-queries,Html,Css,Media Queries,例如,如果我想要一个最小宽度为500px的面向肖像的屏幕,那么在查询中指定它们的顺序是否重要 @media screen and (orientation: portrait) and (min-width: 500px) { ... } 我还没有通读CSS规范中的用户代理部分,但我假设CSS是从左到右读取的,因此对于上面的内容,它将首先检查方向,如果计算结果为真,它将移动到最小宽度。对吗?那么,如果我用另一种方式来做呢: @media screen and (min-width: 500px

例如,如果我想要一个最小宽度为500px的面向肖像的屏幕,那么在查询中指定它们的顺序是否重要

@media screen and (orientation: portrait) and (min-width: 500px) { ... }
我还没有通读CSS规范中的用户代理部分,但我假设CSS是从左到右读取的,因此对于上面的内容,它将首先检查方向,如果计算结果为真,它将移动到最小宽度。对吗?那么,如果我用另一种方式来做呢:

@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) { ... }

在这种情况下,如果我的内容不太可能被打印出来,我是否最好(即使是稍微)在
打印之前添加
屏幕
。由于程序通常从左到右/从上到下进行处理,因此将最有可能的匹配放在第一位可能会略微提高性能。