/ / Зміна розміру тексту відповідно до дозволу в Zurb Fundation - zurb-foundation

Зміна розміру тексту відповідно до дозволу в Zurb Fundation - zurb-foundation

Фундація прохолодна, але я хочу задавати одну річ, як ми можемо змінити розмір тексту, коли ми для різних пристроїв з різними scree res. Дякую.

Відповіді:

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 */
}

Інші підходи тут Відповідний розмір шрифту