能否在include-media的Sass媒体查询方案中添加orientation（屏幕方向）参数？

问题结论 #

include-media 默认不支持键值对形式的orientation参数传入，你使用的orientation: landscape传参格式不符合内置语法规则，所以会触发编译错误。

正确实现方案 #

有两种可行的实现方式：

• 直接传入原生媒体查询字符串
  把orientation规则作为普通字符串参数传入即可，插件会自动拼接所有媒体查询条件：

  @include media(">=768px", "<=1023px", "orientation: landscape") {
    // 对应样式
  }
  

• 注册命名断点复用（适合高频使用的场景）
  提前在SCSS配置中把横竖屏规则注册为命名表达式，后续可以直接调用：

  // 全局配置部分
  $media-expressions: (
    'landscape': 'orientation: landscape',
    'portrait': 'orientation: portrait'
  ) !default;
  
  // 业务代码调用
  .container {
    position: absolute;
    display: block;
    width: 100%;
    top: 26%;
    @include media(">=768px", "<=1023px", 'landscape') {
      top: 19%;
    }
  }
  

内容的提问来源于stack exchange，提问作者bysiuxvx