如何在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 中声明媒体查询的方式。这是一些文档，请参阅逗号分隔列表 - https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries