Как исправить проблему сдвига блока в версии сайта под iphone 5/se?
Как решить проблему неправильного отображения сайта Киномонстр на главной странице в разделе Сериалы, при версии телефона iPhone 5/SE?
Спасибо.
5 ответов
На реальном iPhone 5/SE? Или в эмуляторе хрома? В реальном пятом нормально отображается, попробовал сафари и хром.
Это похоже из-за длинного названия Секретные материалы, они в 2 строчки получаются. В @media можно для iphone 5 прописать font-size для заголовков фильмов более мелким шрифтом. Это оптимально.
Ну или поставить для заголовком white-space: nowrap; но это не решит проблему, если фильм будет с названием, к примеру, из 4-5 длинных слов.
И в эмуляторе и в нормальном iphone SE отображается вот так:
И страница Рейтинг фильмов отображается в iPhone SE вот так: https://gtn-friends.ru/error2.png
Да, более мелкий шрифт решает проблему, но хотелось бы решить проблему идеальным способом, т.е. именно так, чтобы можно было 4-5 слов написать...