веб-приложения и рендеринг

Question

Я давно занимаюсь веб-разработкой, и большая часть моей кросс-браузерной совместимости состоит в использовании IE CSS-хаков, которые ни в коем случае не являются стандартными, поэтому мне просто любопытно, как вы решаете проблемы кросс-браузерного рендерингапри разработке веб-приложений?Я никогда не работал в более крупной компании, так как вы думаете (если у вас есть некоторый опыт работы в крупной компании), что они справляются с этими различиями между браузерами?Я хотел бы получить профессиональную обратную связь на эту тему или, возможно, несколько советов.

Answer 1

Мы запускаем наши проекты с помощью таблицы стилей сброса ( Эрик Мейер - это хорошо), которая устраняет большинство кросс-браузерных проблем с отображением, с которыми мы столкнулись.

Моя личная стратегия состоит в том, чтобы сначала все выглядело правильно в Firefox, который обычно также заботится о браузерах на основе Webkit, а затем возвращаться и исправлять проблемы с IE, используя отдельные таблицы стилей, связанные внутри условных комментариев .

Для некоторых CSS3, которые IE <= 8 не поддерживает, мы используем <strong> CSS3 PIE .

Наконец, еслиВы еще не ознакомились с Modernizr и html5boilerplate (html5boilerplate реализует Modernizr).html5boilerplate - хорошая отправная точка для облегчения кросс-браузерных проблем.

Answer 2

Моя личная стратегия - начинать с таблицы стилей сброса (я использую и Эрика Мейера ), чтобы сбросить стили по умолчанию в браузерах.

Для решения проблемв определенных версиях IE вместо хаков CSS я использую условные комментарии , так что мои стили для CSS с большей вероятностью будут работать в IE, если IE исправляет хаки CSS.

Использование CSS-фреймворка, такого как Blueprint , может предоставить базовые стили, которые вы можете переопределить своими собственными стилями, и предоставляет основу для ваших стилей, чтобы вам не приходилось дублироватьнекоторые основные стили.Он также обеспечивает хорошую совместимость с особенностями CSS в IE, используя также условные комментарии.

Обычно лучше всего тестировать в различных совместимых со стандартами браузерах, а затем применять исправления CSS в IE.Обычно, чтобы предоставить IE псевдо-CSS3 стили, вам нужно исследовать IE filter, нестандартный способ применения стилей.Документация Microsoft MSDN довольно полна этой заметки.Будьте осторожны - сглаживание может исчезнуть при использовании стилей filter для элемента.

Если вам нужна поддержка IE для новых тегов HTML5, таких как <section> и <header>, используйте html5shim .