/ / Umschalten zwischen responsive auf Zurbs Foundation 5 - zurb-foundation

Umschalten zwischen responsive auf Zurbs Foundation 5 - zurb-foundation

Es war also nur für eine sehr kurze Zeit, aber ich fragte mich, ob irgendjemand eine Idee hatte, Foundation 5 daran zu hindern, reagieren zu können?

Wir haben ein Thema, das auf Foundation 5 beruht, aber ein neuer Kunde möchte das Thema verwenden, ohne dass es darauf reagiert. Irgendwelche Ideen?

Antworten:

0 für die Antwort № 1

Sie können die Sass-Variablen ändern, die das setzenHaltepunkte, die Medienabfragen definieren, setze sie einfach auf extreme Werte, damit sie nicht ausgelöst werden. Dies führt zu sehr schlechten Werten auf Geräten mit kleinen Displays. Eine andere Lösung wäre es, alle Gitter anzupassen, wenn Sie also ein .large-12 dann füge hinzu .small-12 .large-12 für jede Instanz.

Hier sind die Standardwerte aus der 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;

0 für die Antwort № 2

Sie können die css-Medienabfragen mit Sass ändern, was ziemlich einfach ist, als Medienabfragen mit css zu verwenden. Entfernen oder setzen Sie einfach die gleichen Zahlen in allen Auflösungen. Vielen Dank.


Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen