Любое решение для уменьшения проблемы совместимости браузера при написании стиля CSS в качестве веб-дизайнера / веб-разработчика

Question

Любое решение для уменьшения проблемы совместимости браузера при написании стиля CSS.

Answer 1

Вот три основных момента, которые вам нужно сделать самостоятельно:

• Написать правильную разметку - убедитесь, что она проверяется
• Убедитесь, что ваша разметка находится в стандартном режиме
• Напишите правильный CSS - убедитесь, что он проверяет

Кроме того, вы можете выполнить некоторые из следующих действий для уменьшения головной боли:

• Вы можете использовать CSS-фреймворк, такой как Blueprint, 960.gs, библиотека YUI CSS и т. Д.
• Для проблем, связанных с Internet Explorer, есть ie7.js и ie8.js

Answer 2

• Знать, как работают HTML и CSS
• Тестирование во всех браузерах, на которые вы настроены

Вы также можете использовать файл CSS reset для запуска на общей почве.

Answer 3

Ну, на данный момент нет ничего похожего на fixall (), который сделает все браузеры совместимыми ... однако вы можете уменьшить проблемы совместимости, используя правильный тип документа. Прочтите эту статью об использовании типов документов. Также проверьте свою разметку.

Изменить: Вы можете перейти к Снимки браузера , чтобы увидеть скриншоты вашего веб-дизайна в разных браузерах.

Answer 4

Дисциплина!

• Подтвердите ваш HTML . Используйте правильный DOCTYPE .
• Используйте стандарты, взломайте ошибки .
• Используйте описательную информацию или используйте сбросить таблицу стилей .

Answer 5

Простой - тест, тест, тест.
Во-первых, на вашем компьютере должны быть установлены по крайней мере следующие браузеры: FireFox3.5B, InternetExplorer7 (+ дополнительно Safari 3, Google Chrome 2 Beta и Opera). Теперь для более определенного ответа:

• избегайте стилей CSS3, таких как "opacity" и так далее, поскольку CSS3 еще не является стандартом. Вместо этого используйте библиотеки Javascript, такие как jQuery, чтобы применять эти эффекты выборочно
• избегайте png-прозрачности, как чума ... вместо этого используйте прозрачную gif-прозрачность (сейчас это несколько устарело, так как теперь работает на IE7 +)
• Испытания и испытания и испытания