Question 1

Was ist ein CSS-Breakpoint?

Accepted Answer

Ein CSS-Breakpoint ist eine bestimmte Viewport-Breite, bei der sich das Layout einer Website ändert, definiert mit Media Queries wie @media (min-width: 768px).

Question 2

Was sind die Tailwind CSS Breakpoints?

Accepted Answer

Tailwind CSS hat 6 Standard-Breakpoints: sm (640px), md (768px), lg (1024px), xl (1280px) und 2xl (1536px).

Question 3

Was sind die Bootstrap Breakpoints?

Accepted Answer

Bootstrap 5 definiert 6 Breakpoints: xs (< 576px), sm (≥ 576px), md (≥ 768px), lg (≥ 992px), xl (≥ 1200px) und xxl (≥ 1400px).

Question 4

Was ist der Mobile-First-Ansatz?

Accepted Answer

Mobile-First-Design bedeutet, zuerst Stile für kleine Bildschirme zu schreiben und dann min-width Media Queries für größere Bildschirme zu verwenden.

Question 5

Kann ich benutzerdefinierte Breakpoints definieren?

Accepted Answer

Ja. In Tailwind können Sie Breakpoints in tailwind.config.js erweitern. Dieses Tool ermöglicht auch das Hinzufügen benutzerdefinierter Breakpoints.

Breakpoint-Visualisierer

Häufig gestellte Fragen

Comments & Feedback