Sass 如何更改指南针断点？使用respond to mixin时

我正在使用compass和sass（scss）创建CSS文件。我认为平板电脑的断点太宽了。我的第一个移动网站的第一个断点大约从700px开始

如何将平板电脑的断点更改为360px？（ish）

---

你的混音应该是这样的：

@mixin respond-to($media) {
    @if $media == smartphone {
        @media screen and (min-device-width: $break-smartphone) { @content; }
    }
    @if $media == smartphone-only {
        @media screen and (min-width: $break-smartphone) and (max-width: $break-tablet) { @content; }
    }
    @if $media == tablet {
        @media screen and (min-width: $break-tablet) { @content; }
    }
    @if $media == tablet-only {
        @media screen and (min-width: $break-tablet) and (max-width: $break-widescreen) { @content; }
    }
    @if $media == mobile-only {
        @media screen and (max-width: $break-widescreen) { @content; }
    }
    @if $media == widescreen {
        @media screen and (min-width: $break-widescreen - $webkit-scrollbar-width) and (min-device-width: $force-tablet ) { @content;}
    }
}

$media

是其他Sass变量的变量/占位符，在这种情况下，

$break tablet

是您要更改的变量

所以就放

$break-tablet: 360px;

在SCSS文件中的某个地方，您正在将mixin包含到其中（不需要高于包含），这样您就没事了

---

另一个问题是，为什么要包含一个360px的断点？没有使用360px宽度的普通平板电脑。这是最重要的。但你可能会把360px的iPhone排除在外。

Response to（平板电脑、台式机）是内置的指南针混音器。如何扩展指南针混音器？我宁愿不创建另一个mixin。您使用的是什么版本的Compass/Sass？使用您自己的mixin而不是预定义的（？）Compass-responsive mixin也没有区别/没有什么会严重损害您的项目。1.你指的是什么内置指南针混音器？2.除了

平板电脑

之外，您当前在您的SCSS文件中使用了哪些

响应

规则集？@scottgemmell这个答案对您有进一步的帮助吗？

$break-tablet: 360px;