/ / Промяна на размера на текста според резолюцията в Zurb Fundation - zurb-foundation

Промяна на размера на текста според резолюцията в Zurb Fundation - zurb-foundation

Фондацията е готина, но искам да попитам едно нещо, как можем да променим размера на текста, когато ние за различни устройства с различен срив. Благодаря.

Отговори:

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

Няма пряка подкрепа за това във Фондация 5.

Ще трябва да използвате мултимедийни заявки за промяна на размера на шрифта за различни резолюции. Има много начини да се приложи това.

Един възможен подход е да се уточнят font-size върху елемента на контейнера в пиксели и след това използвайте ems за размери на детски елементи.

.homepage {

font-size: 16px;

@media #{$large-up} {
font-size: 20px;
}
}

.homepage p {
font-size: 1em;
}

.homepage small {
font-size: 0.75em; /* 12px on small and medium screens, 15px - on large */
}

Други подходи тук Отговорен размер на шрифта