@manevr33

Плывут стили на iphone 6,7,8,se. Как исправить?

Подскажите, как исправить.

Плывёт фиолетовое сообщение на айфонах. Код такой
&--user {
    width: auto;
		min-width: 0px;
		display: flex;
    height: auto;
		flex-direction: column;
    max-width: 76%;
    color: #fff;
    padding: 10px 15px 10px 10px;
    align-self: flex-end;
    background: #7b2be0;
    box-shadow: 0px 5px 4px rgba(123, 43, 224, 0.31),
      -5px -5px 5px rgba(255, 255, 255, 0.08);
    border-radius: 15px 15px 0px 15px;
    .message__text {
      color: white;
			text-align: end;
      height: auto;
    }
  }

6140a164f3f10094840248.png

Так должно выглядеть
6140a18c2473a529497843.png
  • Вопрос задан
  • 81 просмотр
Пригласить эксперта
Ответы на вопрос 1
tomgif
@tomgif
Веб-разработчик
{
  display: -webkit-flex; 
  display: flex;
}


На этих устройствах нет полной поддержки последних CSS 3 фич, таких как флексбоксы, поэтому применяйте префикс -webkit- к соотвествующим стилями
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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