Chrome, Firefox и Safari страница выглядят иначе

Question

Я сделал сайт, используя шаблон кто-то купил, и я сделал изменения в ней быстро и загрузил его splurg .Co

Я работаю на живом приложении и был от webDev какое-то время, и мне было бы интересно узнать, почему на моей системе в трех разных браузерах, похоже, что-то другая реакция. И что я могу сделать, чтобы выяснить, как исправить каждую страницу/или мою настройку?

страница, о которой идет речь, и на моем хроме не отображается обратный образ и в firefox, который он отображает.

Мне любопытно, как я могу понять это сам, я смотрю на инструменты разработчика, и, похоже, изображение просто никогда не загружает его.

Поскольку я проверил сайт на работе с помощью хром (и он работал там), я добавил скриншот, поскольку он, похоже, просто терпит неудачу на моей собственной персональной системе и не где?

Answer 1

Это очень распространенная проблема с различными браузерами. Поиск google по совместимости с кросс-браузером даст вам много материалов для чтения, а также ресурсы, которые помогут решить проблему. Различные браузеры используют разные синтаксические анализаторы и механизмы рендеринга. Таким образом, разные браузеры дают разные результаты одного и того же веб-сайта. Именно поэтому IE является одним из самых ненавистных браузеров веб-разработчиками. Обычно это связано с CSS. Например, некоторые свойства CSS не выполняются в определенных браузерах, и иногда вам нужно префикс свойства с префиксом конкретного браузера, чтобы он работал как -moz-box-sizing Обратите внимание на префикс -moz-.

Кроме того, если ваш шаблон использует CSS3, это целый еще один мешок червей. Надеюсь, это было полезно и счастливое кодирование.