Question

所以它只在很短的时间内出现，但我想知道是否有人有任何想法阻止基金会5做出回应？

我们有一个依赖于Foundation 5的主题，但是新客户想要使用主题，而不是它的响应。有什么想法吗？

Answer 1

您可以修改设置定义媒体查询的断点的sass变量，只需将它们设置为极值，以便它们不会触发。这将在具有小显示器的设备上提供非常差的ux。另一种解决方案是匹配所有网格，因此如果您有.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

你可以使用Sass修改css媒体查询，这比使用css的媒体查询更容易。只需在所有分辨率上删除或设置相同的数字。感谢。

在Zurb的基金会5之间切换响应

2 个答案: