Как настроить корректное отображение сайта на ios?

Question

[Руслан Хромов]

Написал сайтик на заказ. Полностью исправен, адаптивный. Только вот дело в том, что на устройствах с OC Android все работает так, как надо, а вот с IOS блок "Оборудование" и "Контакты" практически окончательно сломался ( ниже скриншоты )

Answer 1

[Максим Тимофеев]

iOS самая малая проблема этого сайта. Я так понимаю Вы совсем начинающий. Поэтому советую пока не задаваться вопросами тонкостей рендера на ios. И продолжить изучение css и html.

Ну а если все же ждете ответа, потрудитесь расписать термин "полетел". В идеале подкрепить скринами. Иначе долго будете ждать ответа.

Comments

[Руслан Хромов]

Хотелось бы узнать о всех проблемах сайта.
Термин "полетел" расписан, скриншоты прикреплены.

[Максим Тимофеев]

Руслан Хромов: Главная проблема - сайту нужен дизайн. Кроме этого слайдер не адаптивный

@media screen and (max-width: 1500px)
@media screen and (max-width: 430px)
styles.css:903
.element {
    height: 280px;
}

Зачем задавать жестко. вероятно правильнее было бы min-height: 280px;
Конечно не разбирал все по винтикам, то так как дизайна практически нет, возникает вопрос "откуда в css взялось 1000 с лишним строк"
Скрипты slick и jquery подключены дважды. 1 раз в head второй раз в конце body. Зачем?
Meta keywords не используются уже давно. Целое видео про это снимал: https://youtu.be/NYemdnasxzg
Шрифт roboto подключен дважды. В css и в head. Зачем?

сайт полностью на flexbox

Зачем? Конечно же это отличная технология. Но в Вашем проекте нет предпосылок к его использованию. А поддержка браузерами не полная caniuse.com/#search=flexbox Если бы Вы сделали что-то сложное и flex решал бы какие-либо проблемы - понятно. А тут не понятно зачем он нужен. И в нем возможно тоже есть проблемы для safari: Почему Safari не корректно работает с flexbox?

[Руслан Хромов]

Максим Тимофеев: Спасибо за емкий ответ. Буду разбираться.