@SPACE_u

Почему сайт криво отображается на iPhone?

У меня проблема с отображением сайта promo101.polyweb.design на iphone устройствах. Пробовала открывать на iphone 11, iphone 15. К тому же, использовала не только safari, но и chrome. Везде сайт выглядит криво. На пк и android устройствах все супер.

На айфоне съехала адаптивность, при условии, что прописана для нескольких форматов
66d624aaa8e10619269935.png
также не работает покраска текста
66d624c29667b603669791.png
  • Вопрос задан
  • 183 просмотра
Пригласить эксперта
Ответы на вопрос 2
CoDeR2006
@CoDeR2006
TS
Погугли про специфику safari.
Убери у курсора - transform: translate(-50%, -50%) scale(1);
Вообще убери все эффекты + убери flex.
Он перестанет лагать. У меня жестко фризил на твоем сайте, пока не убрал.
Ответ написан
webrevenue
@webrevenue
Веб-дизайнер и SEO оптимизатор
Используйте вендорные префиксы, т.е. не просто:
display: flex;
flex-direction: column;

, а вот так:
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
        flex-direction: column;

В общем в помощь вам: Автопрефиксер CSS онлайн
Ответ написан
Ваш ответ на вопрос

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

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