Обеспечение совместимости веб-сайтов в большинстве браузеров

Question

Я пытаюсь найти наиболее эффективный способ обеспечения кросс-браузерной совместимости. Я провел небольшое исследование и узнал несколько интересных вещей, таких как тот факт, что Mozilla / Firefox не может обрабатывать класс, имя которого начинается с цифры. Есть ли способ заставить CSS работать для любого браузера или лучше просто разработать несколько CSS и добавить код, чтобы выбрать, какой из них использовать на основе используемого браузера?

Answer 1

Возможно, вы захотите использовать CSS Framework, например Blueprint . Он включает сброс CSS, который должен помочь.

Кроме того, вы можете посмотреть Сброс CSS Yahoo

Answer 2

В сторону, чтобы уточнить точку:

... Я провел небольшое исследование и узнал несколько интересных вещей, таких как тот факт, что Mozilla / Firefox не может обрабатывать класс с именем , начинающимся с числа ... .

Извините, но это не ограничение Mozilla, это в спецификации CSS: имена классов не должны начинаться с цифры. Любой браузер, который позволяет им , не соблюдает правила должным образом.

ответил здесь на StackOverFlow. Соответствующая часть спецификации находится на http://www.w3.org/TR/CSS21/syndata.html#characters (см. 2-й абзац).

Answer 3

Чтобы ответить на ваш вопрос: Невозможно создать страницу, используя только один универсальный CSS и отображать ее одинаково во всех браузерах, если только вы не используете только очень маленький набор всех доступных CSS (селекторы, значения и т. Д.). .).

Как я работаю:

1. Использовать сброс CSS
2. Разработка для браузера, который очень хорошо соответствует стандартам (Firefox, Chrome, Safari, Opera)
3. Исправьте вещи для IE, используя условные комментарии (потому что вам, вероятно, понадобятся вещи, которые не проверяются)

Answer 4

Независимо от вашей инфраструктуры / фреймворка / и т. Д. Вы должны протестировать свой код во всех основных браузерах. Если возможно, избегайте использования таблиц стилей для конкретных проблем браузера. Браузеры будут меняться и адаптироваться, что означает, что вы можете застрять в обновлении нескольких веб-сайтов, когда появятся новые браузеры.

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

Answer 5

Ваша цель должна быть CSS, которая работает во всех браузерах. Если вы начинаете с CSS-файла для браузера, где вы остановитесь? Мобильное Сафари? Стадо? Konqueror? Каждая версия каждого поддерживаемого браузера?

В конце концов вам, возможно, придется пойти на компромисс, но вы можете перейти эту дорогу, когда доберетесь туда.

Answer 6

Хорошей отправной точкой было бы использование сброса CSS, например: http://developer.yahoo.com/yui/reset/

Answer 7

Вы можете использовать платформу, которая делает это за вас, такую ​​как GWT, но имейте в виду, что у вас все еще будут некоторые проблемы.