Основные строительные блоки для кросс-браузерной эквивалентности?
Я нашел себя в своих старых рутинах, создавая веб-страницу, как я всегда делал. Просто, чтобы включить несколько патчей, чтобы исправить несоответствия между различными браузерами. Так что мне было интересно...
Существует ли основной список строительных блоков, процедур или настроек, которые делают HTML и CSS одинаковыми в каждом браузере?
Если я смогу начать с этого чистого набора строительных блоков, который, как я знаю, будет выглядеть одинаково во всех браузерах, я позже смогу исправить различные несоответствия браузеров.
Но разве не было бы приятно узнать, что основа веб-сайта подойдет всем браузерам?
2 ответа
Я бы посоветовал взглянуть на одну из распространенных CSS-фреймворков в дикой природе:
- BluePrint http://www.blueprintcss.org/
- 960 Grid System http://960.gs/
- Эластичный CSS http://elasticss.com/
Некоторые из них уже используют reset.css от Эрика Мейерса, но если вы хотите что-то более легкое, чем полноценный фреймворк, это отличное место для начала: http://meyerweb.com/eric/tools/css/reset/
Из фреймворков я больше всего использовал BluePrint. Приятно знать, что я могу настроить сетку за считанные минуты и не беспокоиться о сломанной компоновке.
Есть немного проблем с основами HTML и CSS. Если вы используете современный браузер для первой проверки разметки и проверки на наличие ошибок, ваши проблемы будут редкими. Я постоянно нахожу людей, которые не проверяют свою разметку и / или не используют IE в качестве тестового браузера. Оба являются причиной 95% их проблем.
Если используются только эти две ситуации, вам не нужно использовать какие-либо фреймворки.