@l_stl_st

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

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

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


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

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

Войти через TM ID
Похожие вопросы
Pokupo.ru Новосибирск
от 70 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.
22 янв. 2019, в 21:11
800 руб./в час
22 янв. 2019, в 20:53
6006 руб./за проект
22 янв. 2019, в 20:48
20000 руб./за проект