在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刪除或設定相同的號碼在所有的決議。 謝謝。