Решён
Нужны ли JS костыли для новых свойств CSS?

Сергей Верстальщик HTML/CSS
2.6k
6

Верстаю лендинг. Хочу использовать container queries и has() селектор для адаптива.

Дизайнер говорит что надо обязательно добавить полифилы на JS чтобы работало в старых браузерах. Но я смотрю на Can I Use - поддержка уже 90%+.

Действительно ли в 2026 году еще нужны JS костыли для современных CSS фич? Или можно смело юзать нативно?

Решение
52
Участник • 2 ответа

Зависит от целевой аудитории.

Посмотри аналитику проекта за последние 3 месяца. Если доля пользователей на старых браузерах меньше 2-3% - можно забить на полифилы.

Для лендинга обычно критична скорость загрузки. Лишние 20-30кб JS ради пары процентов юзеров - сомнительный трейдофф.

35
Участник • 2 ответа

90% поддержки это не 100%. Если заказчик корпоративный - у них могут быть застрявшие на старом Chrome или вообще IE11.

Я бы на твоем месте уточнил у дизайнера/менеджера какие браузеры в ТЗ указаны. Если там написано "последние 2 версии браузеров" - полифилы не нужны.

66
Участник • 3 ответа

Для container queries полифил вообще тяжелый и глючный. Лучше сделать фолбек через обычные media queries.

Например:

/* Fallback для старых браузеров */
@media (max-width: 768px) {
  .card { flex-direction: column; }
}

/* Для современных */
@container (max-width: 400px) {
  .card { flex-direction: column; }
}

Старые браузеры получат рабочий но менее гибкий вариант, новые - крутой функционал.

Аватар Сергей Верстальщик

Отличная идея с фолбеком! Не подумал про это. Спасибо

48
Участник • 1 ответ

В 2026 году тащить полифилы для container queries - анахронизм.

Даже Safari 16+ их поддерживает. Единственный сценарий когда это оправдано - если сайт для госструктур где сидят на древних машинах с Windows 7 и IE.

Для обычного коммерческого лендинга - юзай нативно, progressive enhancement никто не отменял.

59
Участник • 2 ответа

Проверь через @supports:

@supports (container-type: inline-size) {
  /* Код с container queries */
}

@supports not (container-type: inline-size) {
  /* Фолбек для старых браузеров */
}

Так не нужен JS вообще, чистое CSS решение.

26
Эксперт • 2 ответа

Дизайнер застрял в 2018 году когда полифилы были нормой.

Сейчас вся индустрия движется к evergreen browsers. Даже Microsoft убил IE и перешел на Chromium Edge с автообновлениями.

Если аналитика показывает что 95%+ юзеров на свежих версиях - никаких костылей не надо.

Написать ответ

Премодерация гостей

Вы отвечаете как гость. Ваш ответ будет скрыт до проверки модератором. Чтобы ответ появился сразу и вы получали репутацию — войдите в аккаунт.

Будьте вежливы и соблюдайте правила платформы.