你能将 Zurb 基金会的响应断点从 640px 更改为 768px 吗？

Question

你能把Zurb基金会的第一个断点从640px改成768px吗？ （这样做是否有副作用，这是一种普遍接受的做法吗？

我认为 Bootstrap 的第一个断点是 768px，它确实为"桌面"浏览器或平板电脑提供了更多空间。 640px实际上可能太局促而无法容纳所有东西，而且它一直到1024px，因此很难设计介于两者之间的任何东西。

在 640px 时，我们会将标题元素推到行下方，因此项目需要设置具有狭窄边距空间的样式，而在 900px 左右时，边距空间是%值，因此它们会扩展但仍然有些局促。

Answer 1

如果您使用的是 SASS 版本的 foundation，则很容易更改断点。看看_settings.scss文件，这里有几行相关：

$breakpoints: (
  small: 0,
  medium: 640px,
  large: 1024px,
  xlarge: 1200px,
  xxlarge: 1440px,
);
$breakpoint-classes: (small medium large);

因此，对于您要实现的目标，您可以简单地将medium的值更改为 768 ，如果需要，还可以增加large。请注意，断点类数组默认不包含xlarge和xxlarge - 如果需要这些附加类，只需将它们添加到数组中即可。如果需要，您还可以定义自己的定义。