使用Sass编写垂直媒体查询的首选方式'；断点扩展

有了Sass扩展断点，是否有更好的方法来编写垂直媒体查询，而这些查询值只有一个参数

下面是我希望最终实现的一个示例：

@media (max-height: 50em) {
  .item {
    font-size: 2em;
  }
}

或者，我应该对这些样式进行简单的“即时”媒体查询，例如：

.item {
  @media (max-height: 50em) {
    font-size: 2em;
  }
}

这是可以用变量处理的吗

我的风格是“移动优先”，所以该站点上的所有其他媒体查询都使用断点的默认“最小宽度”设置

---

谢谢

您可以执行以下操作：

$vertical: 'max-height' 50em;

.item {
  @include breakpoint($vertical) {
    font-size: 2em;
  }
}

还可以将高度查询与其他查询一起包括，如下所示：

$mixed: 15em ('max-height' 50em);

.item {
  @include breakpoint($mixed) {
     font-size: 2em;
  }
}

---

您可以执行以下操作：

$vertical: 'max-height' 50em;

.item {
  @include breakpoint($vertical) {
    font-size: 2em;
  }
}

还可以将高度查询与其他查询一起包括，如下所示：

$mixed: 15em ('max-height' 50em);

.item {
  @include breakpoint($mixed) {
     font-size: 2em;
  }
}

---

要扩展Shugh的答案，您可以使用任何媒体查询功能和值对作为断点值<代码>最小宽度15em，

最大高度10vh

，

方向肖像

，

颜色8

：任何媒体查询功能值对都可以是断点对。谢谢，Snugug&RobW！我的语法最后看起来是这样的：

@include breakpoint（'max-height'50em）{style:here}

要扩展Snugh的答案，您可以使用任何媒体查询功能和值对作为断点值<代码>最小宽度15em，

最大高度10vh

，

方向肖像

，

颜色8

：任何媒体查询功能值对都可以是断点对。谢谢，Snugug&RobW！我的语法结果如下：

@include断点（'max-height'50em）{style:here}