@stevekon

Как убрать скачок изображения при загрузке?

Здравствуйте!

На сайте чистыйдомклининг.рф сделал прелоудер.
Класс .loader с вложенным logo.svg. Сразу после body.
На десктопе все в порядке, отрабатывает как нужно.
На мобильном же, при загрузке происходит скачок изображения из правого нижнего угла в центр. (посмотрите через эмулятор DevTools Google Chrome).
Стили для прелоудера прописаны в head. Выравнивание вложенного изображения (которое скачет) через pos absolute и отрицательный margin.
Пробовал прописать стили в сам элемент - не помогает.
Пробовал выравнивание через line-height: 100vh и text-align: center родителю - скачок остается, только не из правого нижнего угла, а просто справа.
Пробовал заменить svg на png - не помогло. Задал значения высота/ширина в теге - скачет.

Сможет кто-нибудь подсказать как его зафиксировать по центру?... Буду премного благодарен!..
  • Вопрос задан
  • 162 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы