@l_stl_st

В каких единицах и вообще как задавать размеры шрифтов и отступов, чтобы это оптимально работало и в старых браузерах?

В новых браузерах можно задать всё в vw и будет прекрасно. Или в rem, а в media-queries менять размер шрифта .
Но что, если мне нужно, чтобы моя вёрстка не разъезжалась, когда я открываю её, например, на iphone 4.
Версия Safari в нём не поддерживает vw и rem. Нельзя привязать размеры ни к ширине окна, ни к размеру шрифта корневого элемента.
Какой метод можно использовать? Как задать основные размеры и размеры для media-queries, чтобы было адаптивно?

https://codepen.io/as-tall/pen/xjEGgB
  • Вопрос задан
  • 221 просмотр
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.selector {
  font-size: 16px; /* fallback */
  font-size: 1rem;
}


Разумеется, следует написать миксинчик для препроцессора, который будет в пиксели/ремы/вьюпорты пересчитывать. Или плагин для пост-цсс.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект
22 нояб. 2024, в 23:55
3000 руб./за проект