我创建了一个bourbon/neat/bitters/refills
用于sass
.
到目前为止,已尝试添加一些笔芯:居中导航和英雄。
在桌面浏览器中进行测试并将窗口大小调整到最小断点非常有效:从大断点变为中断点再到最小断点(水平导航最终折叠并在下方一列布局)。
但是,在 iphone 上实际查看时,似乎在 safari 中显示桌面断点布局以进行所有笔芯。
有没有其他人遇到过这个问题?
经过很长时间,我发现了这个。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它成功了。
小心填充,正如 Ian Wootten 所说,这不是 CSS,这是 SCSS,所以你必须编译它来生成 CSS。最简单的方法是检查http://sass-lang.com/install
安装 Sass 然后使用命令生成 HTML(编译)
sass --watch input.scss:output.css
遵循此处的完整说明:使用 sass 文档