Как быть если ломается сайт, в зависимости от браузера?
Приветствую. Столкнулся с проблемой на определенной странице сайта.
Захожу с пк - Браузер хром не отображает информацию блока, с оперы показывает.
Захожу с MAC OS - Яндекс - не отображает информацию блока.
Захожу с телефона - Сафари - показывает.
Сломал уже себе голову, не пойму в чем проблема.
Кеши по 10 раз уже чистил.
Страница на php,js,css,html.
Другие страницы сайта работают как положено. Пробовал даже старую версию страницы делать какая была, когда работала, не ставится все равно как было.
Нажимаем Ctrl+U, убеждаемся, что нужный контент есть в сорсе страницы. Если нет - проблема на сервере, браузер ни при чём (понятно, что как-то при чём, но искать причину нужно всё равно на сервере). Если есть - нажимаем F12 и разбираемся с ошибками js в консоли, из-за которых ломается рендеринг.
В исходном коде смотрел, отличается код. Картинка отображается стандартная, когда нет картинки залитой. А в опере захожу, там в коде картинка есть залитая пользователем.
А вот один момент не показывающийся все равно остался)
fansik, разбирайтесь с ним по той же инструкции. Варианты, которые я помню, достаточно древние - но, может, и у вас сайт не новый:
1) дробные размеры и "слишком много pixel perfect". Типичный случай: несколько блоков в контейнере а-ля галерея или горизонтальное меню, контейнер фиксирован по ширине и высоте, overflow: hidden, последний блок не виден, хотя в разметке есть. Нужно для диагностики или контейнер в DevTools растянуть, или дочерние блоки уменьшить .
2) то же самое, но из-за шрифтов. На хабре вроде даже статья недавно мелькала про это.
3) понапиханные за много лет фолбэки и костыли. В итоге от какого-нибудь родителя наследуется font-size: 0, или браузерный префикс сработал - и в одном браузере работает, в другом нет.
Средний
