问题标签 [breakpoint-sass]

使用 Sass 扩展断点，是否有一种首选的方式来编写只有一个查询值参数的垂直媒体查询？

这是我最终想要完成的一个例子：

或者，我是否应该对这些样式进行简单的“即时”媒体查询，例如：

这是可以用变量处理的吗？

我的样式是“移动优先”，因此该站点上的所有其他媒体查询都使用 Breakpoint 的默认“最小宽度”设置。

谢谢！

昨天我正在使用 Sass 和 Breakpoint 处理这个项目，一切都很好。然而，今天早上，当我使用 sass --watch 进行编译时，我收到了这个错误：

错误 ../sass/screen.scss（第 6 行：要导入的文件未找到或不可读：断点。加载路径：/Users/MOD3/Sites/GABE/stylesheets/stylesheets）

我不确定为什么它不再找到断点，但我确定它已安装。我读到一些关于它需要成为绝对路径的东西，但是我从哪里得到这条路径？知道如何解决这个问题吗？昨天还在工作...

在 Opera Mobile Emulator 和设备上检查时，wvgaPort 的样式仅适用于 599px，然后适用于 800 - 1200，1024 和 1533。为什么会这样？为什么定义这些媒体规则更好？

我很困惑，仍然不确定如何用恰当的语言来解释这一点。到目前为止，我已经使用 Breakpoint 并设置了我的媒体查询。使用的断点变量如下所示：

$breakpoint-to-ems 设置为 true。我已经根据以下 jQuery 代码段的像素值来布置页面及其所有断点变量：

一切看起来都很干净。但是在过去的一两天里，我在为模式设置最后一个断点并让事情表现可预测时遇到了问题。不知何故，一开始看起来很干净和很好的事情，我现在在逻辑上高度怀疑，实际上是不合适的，而且在某种程度上是一团糟。因为如果你看一下下面的截图，窗口的宽度（在 Chrome 中）与使用 window.width 的 jQuery 片段的宽度不同。如果我将 window.width 替换为 window.innerWidth 以最终排除滚动条，也没有区别。获得正确结果的唯一方法是在等式中添加 15 个像素：

整个等式中唯一的问题是 window.width 是函数的错误选择，最好使用例如 document.documentElement.clientWidth 或其他东西或...？而这 15 个像素代表什么，以一种有点骇人听闻的方式解决了上述问题？最好的问候拉尔夫

具体来说，在三星 Galaxy SIII 上测试我的网站时，我看到了为桌面定义的样式。

您如何让手机使用移动样式（考虑到 320 像素宽度）或使用“hide-for-small”类等？

目前，在那部手机上（我也想到了视网膜显示设备）你不会看到 .hide-for-small 或全局 css 被应用，只有更大（768px 及以上）视口的媒体查询。

有没有人有制造高 DPI 设备的经验，即： (-webkit-min-device-pixel-ratio: 2) 与 Foundation4 一起工作？

在使用 em 进行媒体查询时，您能否根据您的基本字体大小而不是浏览器的默认字体大小制作 sass 断点？

我刚刚安装了断点，添加

到我的 config.rb，并定义了这些断点

到我的 _breakpoint.scss。

当我尝试使用其中一个断点时，像这样；

终端告诉我

这是为什么？

我刚刚通过 bower 安装了 Breakpoint，我正在使用来自 wiki 的示例：https ://github.com/Team-Sass/breakpoint/wiki/Basic-Media-Queries

我应该看到这个输出：

相反，我看到了这个：

}

谁能帮我解决这个问题？谢谢

我不确定这是我的目的，还是合法的错误。但是当我做这样的事情时：

生成的 CSS 是：

不应该是这样的：

任何帮助将不胜感激。我正在使用 Rails 4、Ruby 2.0、断点 2.0.7

谢谢！

该项目使用 Symfony2、Twig、Compass、Sass 和 Breakpoint。我们已经安装了 Breakpoint，但不知道在哪里编写 compass 指令（需要 'breakpoint'），因为我们不使用 config.rb。开启断点的方法是什么？