Вот мои мысли - прежде чем углубляться в детали, я должен сказать, что я ненормальный, когда дело доходит до поддержки браузера.
Вплоть до того, как пару лет назад я пытался поддерживать IE8 и выше,Причиной этой логики было то, что люди, которые «оказались в ловушке» с Windows XP и IE8, были последней версией, поддерживаемой Windows XP.Под ловушкой я подразумеваю, что это были случаи, подобные правительственным, которые были слишком дорогостоящими для обновления.
После того, как Windows 7 достаточно повзрослела и использование Windows XP сократилось, я попытался поддержать IE9 и выше.По сути, это означало, что даже после того, как появились полезные свойства (например, flexbox), у меня ушло много времени на миграцию - поэтому я строил макеты с таблицами для лучшей поддержки браузера и т. Д.
Однако Javascript Frameworks начала отказываться от поддержкидля более старых браузеров (включая IE9) CSS-фреймворки начали отказываться от поддержки.Если вы подумаете об этом некоторое время назад, сама MS уже давно отказалась от поддержки.Крупные мобильные компании отказываются от поддержки своих двухлетних устройств, так почему мы должны поддерживать старые браузеры?Как указано в других ответах, это зависит от аудитории - представьте, что генеральный директор вашей лучшей клиентской компании имеет ноутбук с Windows XP или другим устаревшим устройством - не имеет значения, если бы кто-то еще использовал современные браузеры ..
Итак, пару лет назад дело дошло до того, что вам приходилось выбирать между следующим потоком и современностью или поддержкой старых устройств.Я полностью поддерживаю последовательность и единообразие контента, поэтому поддержка современных функций для некоторых избранных браузеров и отбрасывание их для других была бы бесполезной для меня.Flexbox был одним из тех свойств, которые подтолкнули меня к отказу от поддержки старых браузеров - это значительно помогло мне уменьшить разметку - тем самым упростив обслуживание.В то же время, даже Bootstrap решил отказаться от поддержки старых браузеров, поэтому должен обновиться, чтобы идти в ногу с конкурентами.
Нет необходимости говорить, что проблема не только в IE, но и в Android, который взялдо версии 4.4 для того, чтобы стандартный браузер поддерживал определенные свойства - vh, упаковку во флексбокс и т. д.
Сказал, позвольте мне дать вам прямой ответ:
Не беспокойтесь о поддержке IE9 - даже 10. IE10 может быть обновлен до 11 на той же ОС, поэтому его следует обновить в любом случае по соображениям безопасности.IE9 не поддерживается фреймворками JS (например, Ember), в нем отсутствуют переходы CSS3 и другие полезные свойства, такие как flexbox.Без этого ваши проекты должны были бы сделать много шагов назад, если вы стремитесь к согласованности дизайна.
Как sidenote, IE10 начал поддерживать свою собственную интерпретацию flexbox (извините за всю эту настойчивость с flexbox, но это одно из самых полезных свойств).Это означает, что для правильной его поддержки вам придется написать много CSS.Представьте себе добавление 30 КБ минимизированного CSS для поддержки только одного браузера, который является довольно редким.Стоит ли это того?
Некоторые браузеры webkit (например, Opera) могут по-прежнему требовать префиксов, специфичных для поставщиков, для версий браузеров, выпущенных 4 года назад, например, для преобразований CSS3.Более важные вещи ломаются в таких браузерах (включая Opera), что я бы больше беспокоился о других вещах.Лично я использую префикс -webkit- только в некоторых случаях (например, свойства flexbox, которые появились в последнее время).
В некоторых случаях префиксы для браузера могут пригодиться даже всовременные браузеры, например, стилизация ввода диапазона или полоса прокрутки, где вы должны связываться со специфическими для браузера свойствами для достижения согласованности.В таких случаях могут потребоваться специальные CSS-хаки с префиксами вендоров.
В качестве последнего замечания я бы избежал любых передовых свойств, например, grid;узнайте, что он делает и как он работает, но пока не используйте его.Вы должны взглянуть на https://caniuse.com/, чтобы иметь представление о свойствах CSS и поддержке браузера.
Однако, вам решать, и вы должны сделать свой выбор в соответствии с требованиями вашего проекта.Два года назад я бы посоветовал вам поддерживать столько, сколько вы можете ... тогда вы могли бы достичь одних и тех же целей с разными усилиями, но это уже не так.С самого начала ... старые браузеры не могут идти в ногу.