@lagudal

Как избежать задержек или минимизировать их при применении стилей для мобильных?

Есть лейаут, к которому применены стили по принципу desktop first.
Для моб соот-но все реализовано с media query.
Но вот тут есть проблема. Некоторые элементы изменены стилями весьма значительно, меняется их местоположение - выше - ниже, ширина, высота и тд и тп. При перезагрузке страницы в мобильном разрешении такие элементы отрисовываются сначала согласно лейаута и стилям для десктопа, и только через определенную временную задержку подтягиваются стили для моб и все встает на свои места. Просто при перезагрузке как бы "скачет" верстка.
Вот пример того что я имею в виду - инпут поиска, сначала занимает ширину заданную для десктопа, и только после какого то интервала уже 100%. Ну и видно как дальше все подскакивает.
видеоскрин
Как эффективнее всего сгладить такие "скачки" - понятно что на все нужно какое то время, ну все же.
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы