Breakpoint, брейкпоинт, контрольная точка

Breakpoint (дословно с англ. — переломная точка), брейкпоинт, контрольная точка — определённое значение, как правило размер или разрешение экрана, при котором дизайн и контент сайта или приложения изменяются, чтобы пользователям разных устройств было удобно с ним взаимодействовать.

Инструмент важен для адаптивного дизайна: с его помощью настраивают макеты под экраны разных размеров и ориентаций. Независимо от того, на каком устройстве работает пользователь: компьютер, ноутбук, планшет или смартфон, — сайт адаптируется так, чтобы информация отображалась в наиболее удобном формате. Макет трансформируется тогда, когда размер окна достигает брейкпоинта.

Меняться могут текстовые блоки (в том числе размер шрифта), изображения и другие элементы. Панели и столбцы могут увеличиваться, уменьшаться, переноситься в другое место, сворачиваться и отображаться в виде иконок.

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