/ / Comutare între responsabili la fundația Zurb's 5 - zurb-foundation

Trecerea de la o persoană responsabilă la Fundația Zurb 5 - zbor-fundație

Deci, a fost doar o scurtă perioadă de timp, dar mă întrebam dacă cineva a avut vreo idee să oprească Fundația 5 de a fi receptivă?

Avem o temă care se bazează pe Fundația 5, dar un nou client dorește să folosească tema, fără a fi receptiv. Vreo idee?

Răspunsuri:

0 pentru răspunsul nr. 1

puteți modifica variabilele sass care stabilescpunctele de intersecție care definesc interogările media, trebuie doar să le setați la valori extreme pentru a nu declanșa. Acest lucru va oferi foarte ux ux pe dispozitive cu afișaje mici. O altă soluție ar fi aceea de a se potrivi cu toate rețelele, deci, dacă aveți a .large-12 apoi adauga .small-12 .large-12 pentru fiecare caz.

Iată valorile implicite scoase din zub fundație 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 pentru răspunsul nr. 2

Puteți modifica interogările media css folosind Sass, ceea ce va fi destul de ușor de ghicit decât să folosiți interogări media cu css.Simuleți să eliminați sau să setați aceleași numere pentru toate rezoluțiile. Mulțumiri.


Întrebări corelate


Comentarii (0)

Adauga un comentariu