R
Responsive Design
A web design approach ensuring websites adapt their layout to fit different screen sizes and devices.
Auch bekannt als:
RWD, Mobile-First Design, Adaptive Design
Design
Responsive Design is a web design approach that ensures websites automatically adapt their layout and content to fit different screen sizes and devices — from desktop monitors to tablets and smartphones.
Key Techniques
- Fluid Grids – Percentage-based column widths
- Flexible Images – Images that scale with their container
- Media Queries – CSS rules that apply at specific breakpoints
- Mobile-First – Designing for mobile screens first, then scaling up
Common Breakpoints
Typical breakpoints include 576px (mobile), 768px (tablet), 992px (desktop), and 1200px (large desktop).