我使用bourbon/neat/bitters/refills为sass创建了一个rails应用。
到目前为止，已经尝试添加一些替换物：中心导航和放大器英雄。
在桌面浏览器中进行测试并将窗口调整到最小断点可以完美地工作：从大到中断到最小断点（水平导航最终折叠和下面的一个列布局）。
然而，当实际在iphone上观看时，似乎在safari中显示所有笔芯的桌面断点布局。
还有其他人遇到过这个问题吗？
答案 0 :(得分：-1)
经过长时间的努力，我发现了这一点。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它就是诀窍。
正如Ian Wootten所说的here一样，小心这些笔芯，这不是CSS，这是SCSS所以你必须编译它才能生成CSS。 最简单的方法是结帐http://sass-lang.com/install
安装Sass然后使用该命令生成HTML（编译）
sass --watch input.scss:output.css
按照完整说明操作：using sass docs