Question 1

Что такое CSS-брейкпоинт?

Accepted Answer

CSS-брейкпоинт — это конкретная ширина viewport, при которой макет сайта изменяется, определяется с помощью медиазапросов вида @media (min-width: 768px).

Question 2

Каковы брейкпоинты Tailwind CSS?

Accepted Answer

Tailwind CSS имеет 6 стандартных брейкпоинтов: sm (640px), md (768px), lg (1024px), xl (1280px) и 2xl (1536px).

Question 3

Каковы брейкпоинты Bootstrap?

Accepted Answer

Bootstrap 5 определяет 6 брейкпоинтов: xs (< 576px), sm (≥ 576px), md (≥ 768px), lg (≥ 992px), xl (≥ 1200px) и xxl (≥ 1400px).

Question 4

Что такое mobile-first подход?

Accepted Answer

Mobile-first дизайн означает написание базовых стилей для маленьких экранов в первую очередь, а затем применение стилей для больших экранов через min-width медиазапросы.

Question 5

Могу ли я определить пользовательские брейкпоинты?

Accepted Answer

Да. В Tailwind можно расширить брейкпоинты в tailwind.config.js. Этот инструмент также позволяет добавлять пользовательские брейкпоинты.

Визуализатор брейкпоинтов

Часто задаваемые вопросы

Comments & Feedback