css – 使用sass进行媒体查询

前端之家收集整理的这篇文章主要介绍了css – 使用sass进行媒体查询前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用媒体查询mixins编译我的sass文件时出错.我按照几个教程,但它不会编译.我正在使用Sass 3.3.0.alpha.67(Bleeding Edge).

这是我的代码

/* Included at the end */
@mixin mobile-only {
    @media (max-width : 320px) {
        @content;
    }
}

/* Included where the rest of my sass is */
body { @include mobile-only { 
            display: none; 
    } 
}

我正在使用scout编译并观察变化.还有什么我需要做的吗?

解决方法

似乎不再是一个问题.稍微修改过的代码在此codepen http://codepen.io/danielcgold/pen/RRNrPQ中进行了解释.
@mixin start-desktop-size {
  @media (min-width: 1024px) {
    @content;
  }
}

body { 
  @include start-desktop-size { 
    background: red; 
  } 
}
原文链接:/css/214983.html

猜你在找的CSS相关文章