Как исправить проблему сдвига блока в версии сайта под iphone 5/se?

0

Как решить проблему неправильного отображения сайта Киномонстр на главной странице в разделе Сериалы, при версии телефона iPhone 5/SE?

Спасибо.

bootstrap

5 ответов

0

На реальном iPhone 5/SE? Или в эмуляторе хрома? В реальном пятом нормально отображается, попробовал сафари и хром.

0

Это похоже из-за длинного названия Секретные материалы, они в 2 строчки получаются. В @media можно для iphone 5 прописать font-size для заголовков фильмов более мелким шрифтом. Это оптимально.

Ну или поставить для заголовком  white-space: nowrap; но это не решит проблему, если фильм будет с названием, к примеру, из 4-5 длинных слов. 

0

И в эмуляторе и в нормальном iphone SE отображается вот так: 

https://gtn-friends.ru/error.png

0

И страница Рейтинг фильмов отображается в iPhone SE вот так: https://gtn-friends.ru/error2.png

0

Да, более мелкий шрифт решает проблему, но хотелось бы решить проблему идеальным способом, т.е. именно так, чтобы можно было 4-5 слов написать...

Sign up or Log in to write an answer