在Zurb的基金会5

Question

之间切换响应所以它只出现了很短的时间，但我想知道是否有人想阻止基金会5响应？

我们有一个主题依赖于基金会5，但是一个新客户想要使用主题，而没有响应。有任何想法吗？

Answer 1

您可以修改设置定义媒体查询的断点的sass变量，只需将它们设置为极端值，以便它们不会触发。这将在具有小型显示器的设备上提供非常差的用户体验。另一种解决方案是匹配所有的网格，所以如果你有一个.large-12然后为每个实例添加.small-12 .large-12。

下面是从zurb foundation docs拉到默认：

$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; 

Answer 2

您可以修改使用萨斯的CSS媒体查询，这将是很容易的我想不是使用媒体查询与css.Simply删除或设定相同的号码在所有的决议。 谢谢。