【问题标题】:Mixins inside media queries媒体查询中的 Mixins
【发布时间】:2017-05-29 18:19:23
【问题描述】:

我的问题可能是微不足道的,但我找不到答案。 我想更改媒体查询中的一些混合,但它们似乎不起作用。

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

【问题讨论】:

  • 您是否指定了要为其设置此样式的元素?
  • 我在 img @include boxSize 中做到了
  • 我只想在mixins中将这个值换成宽度

标签: css responsive-design sass media-queries mixins


【解决方案1】:

应该是这样的:

@mixin boxSize
    width: 200px
    height: 200px

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

但是这段代码看起来像是混合了 sass 和 scss 语法,sass mixin 在这里:http://sass-lang.com/guide

【讨论】:

  • 这项工作,但我想组织每个媒体查询中的更改列表,包括这个 mixin。这可能吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-04-03
  • 2022-01-25
  • 1970-01-01
  • 1970-01-01
  • 2016-08-25
  • 2013-02-18
  • 1970-01-01
相关资源
最近更新 更多