Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.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
Css 在最小宽度断点中嵌套方向断点_Css_Sass_Media Queries_Orientation - Fatal编程技术网

Css 在最小宽度断点中嵌套方向断点

Css 在最小宽度断点中嵌套方向断点,css,sass,media-queries,orientation,Css,Sass,Media Queries,Orientation,我在最小宽度断点(SCSS)中嵌套了一个方向断点,如下所示: @media only screen and (min-width : 481px) { @media only screen and (orientation: portrait) { // something } @media only screen and (orientation: landscape) {


我在最小宽度断点(SCSS)中嵌套了一个方向断点,如下所示:

    @media only screen and (min-width : 481px) {
           @media only screen and (orientation: portrait) {
                // something
           }
           @media only screen and (orientation: landscape) {
                // something
           }

    }

我的问题:宽度条件指的是什么?纵向还是横向?或者它通常是如何工作的?

媒体查询的宽度条件总是指当前方向的宽度。因此,当您在智能手机上处于纵向模式时,宽度将是较短的一侧,如果您处于横向模式,宽度条件将指较长的一侧。

媒体查询的宽度条件始终指当前方向的宽度。因此,当您在智能手机上处于纵向模式时,宽度将是较短的一侧,如果您处于横向模式,宽度条件将指较长的一侧。

检查生成的CSS,您将understand@TemaniAfif你好,很抱歉打扰你,但是你说我是个笨蛋是违反规定的吗?下次再确认一下:D也谢谢你的回答。说这样的话纯粹是噪音。这个网站不是一个论坛或聊天室,所以我们应该关注内容和与编程相关的一切,我们应该避免与用户相关的事情。我们不需要关于你或我的信息,只需要关于你的问题。。。因此,如果它们被删除,不要感到惊讶。这不是对你不利。检查生成的CSS,你会understand@TemaniAfif你好,很抱歉打扰你,但是你说我是个笨蛋是违反规定的吗?下次再确认一下:D也谢谢你的回答。说这样的话纯粹是噪音。这个网站不是一个论坛或聊天室,所以我们应该关注内容和与编程相关的一切,我们应该避免与用户相关的事情。我们不需要关于你或我的信息,只需要关于你的问题。。。因此,如果它们被删除,不要感到惊讶。这并不反对你。