@l_stl_st

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

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

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


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

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

Войти через TM ID
Похожие вопросы
Реклама