scss Mixin - 媒体查询

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss Mixin - 媒体查询相关的知识,希望对你有一定的参考价值。

/*/////////////////////////////////////////
/// MEDIA QUERIES
*/////////////////////////////////////////

/**
 * Mixins for defining media queries. These mixins should always be used
 * to define media query breakpoints.
 */

@mixin bp-min-width($width) {
    @media all and (min-width: $width) {
        @content;
    }
}

/**
 * Only use in rare circumstances, favour `bp-min-width`.
 */
@mixin bp-max-width($width) {
    @media all and (max-width: $width) {
        @content;
    }
}

以上是关于scss Mixin - 媒体查询的主要内容,如果未能解决你的问题,请参考以下文章

scss mixin仅响应IE媒体查询

scss Mixin - 媒体查询

scss 命名媒体查询Mixin

scss 方便的sass mixin用于媒体查询

scss 自定义Sass mixin用于使用媒体查询

scss 简单的媒体查询Sass mixin可以让你考虑像素宽度,但输出是在ems中。