你能否将Zurb Foundation的响应断点从640px更改为768px？

Question

你能否将Zurb Foundation的第一个断点从640px更改为768px？ （这样做是否有副作用，这是一种常见且普遍接受的做法吗？）。

我认为Bootstrap的第一个断点是768px，它确实为桌面提供了更多的空间＆＃34;浏览器或平板电脑640px实际上可能过于狭窄而无法适应所有事物，而且它一直到1024px，所以很难设计出介于两者之间的任何东西。

在640px时，我们得到向下按行的标题元素，因此需要使用狭窄的边距空间设置项目，并且在900px左右，边距空间为{{1}}值，因此它们会扩展但仍保持一定程度局促。

Answer 1

如果您使用SASS版本的基础，则可以轻松更改断点。看一下_settings.scss文件，这里有几个相关的行：

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

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