Css 两个宽度之间和第三个宽度以上的媒体查询

我正在尝试执行以下媒体查询，但遇到了问题-我是否必须将其拆分并执行两个单独的查询（为每个查询重复所有样式），或者是否可以以任何方式组合它们

.container{
填充：rem（16px）；
显示器：flex；
弯曲方向：立柱；
}
@仅介质屏幕和（最小宽度：600px）和（最大宽度：768px）和（最小宽度：1550px）{
/*我想把它变成一行，在600和768之间，在1550px以上，但上面的似乎不起作用*/
.集装箱{
弯曲方向：行；
对齐项目：居中；
}
}
/*也尝试过
@仅介质屏幕和（最小宽度：600px）和（最大宽度：768px），
@仅介质屏幕和（最小宽度：1550px）{
这也不行
}
*/

第一组
第2组

您可以完全分离媒体查询：

.container{
填充：rem（16px）；
显示器：flex；
弯曲方向：立柱；
}
@仅介质屏幕和（最小宽度：600px）和（最大宽度：768px）{
.集装箱{
弯曲方向：行；
对齐项目：居中；
}
}
@仅介质屏幕和（最小宽度：1550px）{
.集装箱{
弯曲方向：行；
对齐项目：居中；
}
}

第一组
第2组

您可以使用逗号组合媒体查询

@仅介质屏幕和（最小宽度：600px）和（最大宽度：768px），屏幕和（最小宽度：1550px）{
...
}

对于具有相同样式的多个宽度，请使用逗号和ommit

@media

确保您有一个响应元标记。e、 g.

---

它看起来有点奇怪，一个屏幕的宽度怎么可能高于600，低于768，但同时又高于1550？对于这个问题，你可能会有不同的想法imo@JoãoVitorDeOliveira我需要为大小介于600和768之间的屏幕以及1550以上的屏幕应用相同的样式，因此您需要单独的媒体查询。为此，您必须为大小介于600和768之间的屏幕定义样式，然后为大于1550的屏幕创建指定样式，下面有人向我展示了答案，我只需要错过第二次尝试的@media，真是太棒了，不知道你可以用逗号分隔组合！！啊，太棒了，这正是我所需要的——没想到你错过了第二套规则中的@媒体！干得好，新投稿人！：P

@media only screen and (min-width:600px) and (max-width: 768px),
(min-width: 1550px){

    .container {
        flex-direction: row;
        background: green;
        align-items: center;
     }

}