Box-sizing влияет на адаптивность веб-сайтов следующим образом:
При использовании модели content-box (значение по умолчанию) отступы и границы добавляются к общей ширине и высоте элемента. 1 Это может привести к необходимости дополнительного учёта при расчёте размеров и позиционировании элементов. 1
Использование модели border-box (значение box-sizing: border-box) упрощает создание адаптивных макетов. 1 Отступы и границы включаются в заданные ширину и высоту элемента, что предотвращает неожиданные переполнения. 1
Обычно значение border-box устанавливают для всех элементов на сайте, благодаря чему расчёт ширины и высоты элементов работает последовательно и интуитивно понятно. 3
Таким образом, выбор модели box-sizing влияет на то, насколько легко и последовательно можно управлять размерами элементов при создании адаптивного макета веб-сайта.