如何在scss中组合媒体查询

Question

我讨厌把逗号放在一起组合媒体查询但没有工作

@media all and (min-width: 600px) and (orientation: portrait),
@media all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) {}

在scss中如何做到这一点的任何想法？

Answer 1

在第二行摆脱@media：

@media all and (min-width: 600px) and (orientation: portrait),
all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) {}

顺便说一句，这与SCSS无关。这也是你在普通css中声明媒体查询的方式。以下是一些文档，请参阅以逗号分隔的列表 - Points that follow a 1/R density distribution in an XY grid?