Css 媒体查询中的混合

Css 媒体查询中的混合,css,responsive-design,sass,media-queries,mixins,Css,Responsive Design,Sass,Media Queries,Mixins,我的问题可能很琐碎,但我找不到答案。 我想在媒体查询中更改一些混音,但它们似乎不起作用 @mixin boxSize width: 200px height: 200px //Media Queries// @media (max-width: 400px) @mixin boxSize width: 50px height: 50px 应该是这样的: @mixin boxSize width: 200px height: 200px @m

我的问题可能很琐碎,但我找不到答案。 我想在媒体查询中更改一些混音,但它们似乎不起作用

@mixin boxSize
  width: 200px
  height: 200px
//Media Queries//
@media (max-width: 400px)
  @mixin boxSize
    width: 50px
    height: 50px

应该是这样的:

@mixin boxSize
    width: 200px
    height: 200px

    @media (max-width: 400px)
        width: 50px
        height: 50px

但是这段代码看起来像是sass和scss语法的混合,sass混合在这里:

您指定了要为其设置样式的元素吗?我在img@include-boxSizei中这样做了。我只是想将混合中的这些值交换为宽度这项工作,但我想组织包括此混合在内的每个媒体查询中的更改列表。这可能吗?