Zurb foundation 在Zurb上的响应和#x27之间切换；S基金会5 这只是一个很短的时间，但我想知道有没有人想阻止基金会5的反应？ 我们有一个主题，它依赖于基金会5，但是一个新的客户想要使用这个主题，而不是它的反应。有什么想法吗？

您可以修改设置断点（定义媒体查询）的sass变量，只需将它们设置为极值，这样它们就不会触发。这将在具有小型显示器的设备上提供非常差的用户体验。另一个解决方案是匹配所有网格，因此如果您有

.large-12

，则为每个实例添加

.small-12.large-12

以下是从中提取的默认值：

---

您可以使用Sass修改css媒体查询，我想这比使用css媒体查询要容易得多。只需在所有分辨率上删除或设置相同的数字。

---

谢谢。

您能否先删除所有以这种方式运行的媒体查询？我不确定他们是否有JS，这也会导致你的问题。可能归结起来，我只是希望有人以前做过，可以抛出一些指针，而不是我阅读大量的缩小文件来阅读所有代码。如果你真的找到了，就把它放在GitHub上。当然！老实说，我们一直在考虑以任何方式切换到Bootstrap，所以它可能只是这样做的一个例子。Bootstrap 2.3或3将具有与基金会相同的响应堆叠行为。如果你正在寻找一个替代的基于网格的布局库，你可以考虑960个网格或一些预先响应。

$small-range: (0em, 40em);
$medium-range: (40.063em, 64em);
$large-range: (64.063em, 90em);
$xlarge-range: (90.063em, 120em);
$xxlarge-range: (120.063em);

$screen: "only screen" !default;

$landscape: "#{$screen} and (orientation: landscape)" !default;
$portrait: "#{$screen} and (orientation: portrait)" !default;

$small-up: $screen !default;
$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;

$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default;
$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default;

$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default;
$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default;

$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default;
$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default;

$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default;
$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default;