@l_stl_st

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

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

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


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

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

Войти через TM ID
Похожие вопросы
17 авг. 2018, в 10:48
2500 руб./за проект
17 авг. 2018, в 10:46
50000 руб./в месяц
17 авг. 2018, в 06:14
40 руб./за 1000 зн.