Как сделать сайт совместимым с каждым браузером

Question

Я пытаюсь создать новый веб-сайт, и я хотел бы знать, как сделать его совместимым с кросс-браузерным, поскольку теперь я могу прекрасно просматривать свой веб-сайт с помощью Google Chrome, и когда я вижу то же самое с Firefox 7.0, он выглядит оченьнекрасиво и с IE 8 выглядит лучше. Так что я хотел бы знать, как сделать совместимым.

Любые предложения будут с благодарностью!

Answer 1

Каждый браузер отображает по-разному много вещей, в основном из-за того, что они по-разному отображают некоторые свойства CSS (вы можете проверить различную визуализацию браузера здесь www.w3schools.com/cssref/).Обычно используемое решение состоит в том, чтобы дифференцировать таблицы стилей CSS для всех возможных браузеров.Вы можете обнаружить клиентский браузер с помощью javascript: http://www.w3schools.com/js/js_browser.asp

и снова установить другой css с помощью javascript.

Полный пример здесь: http://rafael.adm.br/css_browser_selector/

Answer 2

Один из лучших способов - использовать стандартизированный код. Избегайте использования «HTML 5», потому что он все еще имеет много реализаций, специфичных для браузера (так как это еще не стандарт). HTML4 или XHTML1 должны работать в большинстве браузеров (Safari, Opera, Firefox, Chrome, IE7 +) и показывать его более или менее одинаково. Как веб-разработчик вы должны проверить с несколькими браузерами, нормально ли работает ваш сайт. Использование стандартов ISO даст вам хорошее начало: http://validator.w3.org/

Тестирование с большим количеством браузеров может быть выполнено с использованием таких сервисов, как http://browsershots.org

Answer 3

Каждая конкретная несовместимость требует другого решения. В качестве общего руководства используйте фреймворки, такие как jQuery, и избегайте кода, специфичного для браузера, тогда, когда вы обнаружите несовместимость, спросите об этой конкретной проблеме. Кроме того, вы не должны стремиться к попиксельной совместимости между браузерами, CSS на самом деле не предназначен для этого.