Зачем использовать Modernizr, если браузеры игнорируют CSS, который они не понимают?

StackOverflow https://stackoverflow.com/questions/1749895

  •  20-09-2019
  •  | 
  •  

Вопрос

Я работал с Модернизр и это замечательный ресурс, просто отличный проект.Однако то, как я его использую, таково:

  • Дизайн с использованием базового (IE) CSS
  • Улучшайте с помощью эффектов CSS3 для продвинутых браузеров

Если я не собирался полностью заменить стили, основанные на поведении, почему бы мне просто не добавить такие стили, как тени от полей, градиенты и радиусы границ, в таблицу стилей?Если браузер не понимает правила, он просто проигнорирует его, правильно?И если JavaScript отключен, я все равно не смогу его использовать.

Должен ли я использовать описанный выше метод в типичном случае и Modernizr для продвинутых случаев?Или есть что-то неправильное в том, чтобы полагаться на браузеры, игнорирующие то, чего они не понимают?

Это было полезно?

Решение

Вы можете использовать элементы (html 5), которые некоторые браузеры пока не поддерживают.Также вы можете указать резервный стиль.

Многие браузеры создают свои собственные правила CSS для таких вещей, как преобразование текста.С помощью Modernizr вы можете написать одно правило, и Modernizr реализует его для нескольких браузеров.

Я думаю, это просто удобство.

Другие советы

Вы абсолютно правы в том, что старые браузеры полностью игнорируют многое из того, что есть в CSS3.

Из-за этого я использую css3 в своих базовых селекторах..но часто используйте классы без функций modernizr для обработки более старого варианта браузера:

div.box { 
         height:50px; 
         -moz-box-shadow: 3px 3px 5px #555; 
         -webkit-box-shadow: 3px 3px 5px #555; }

div.box span.fakeshadow { 
         display:none; 
}

.no-boxshadow div.box span.fakeshadow { 
         display:block; background: url('fakeshadowbg.png'); 
}

Я надеюсь, что это прояснит ситуацию.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top