/ / Тогглинг бетвеен респонсиве то Зурб'с Фоундатион 5 - зурб-фоундатион

Тугглинг бетвеен респонсиве то Зурб'с Фоундатион 5 - зурб-фоундатион

Значи, то је било изузетно кратко, али сам се питао да ли је неко имао било какву идеју да спречи Фондацију 5 да буде одговорна?

Имамо тему која се ослања на Фондацију 5, али нови клијент жели да користи тему, без обзира на то да ли је одговоран. Било какве идеје?

Одговори:

0 за одговор № 1

можете променити варијабле сасс које сте поставилиБреакпоинтс који дефинишу медијске упите, само их поставите на екстремне вредности тако да не покрећу. Ово ће обезбедити врло лоше ук на уређајима са малим екранима. Друго решење било би да се поклапају са свим мрежама, па ако имате .large-12 затим додај .small-12 .large-12 за сваку инстанцу.

Ево подразумеваних вредности које се вуку из зурб фондације доцс:

$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 за одговор № 2

Можете да измените цсс медијске упите користећи Сасс што ће бити прилично лако претпоставити него користити медијске упите са цсс.Симпли уклонити или поставити исте бројеве на све резолуције. Хвала.


Сродна питања


Коментари (0)

Додајте коментар