Responsive Website Sizes?
Responsive Website Sizes?
Out of context: Reply #9
- Started
- Last post
- 18 Responses
- nbq4
You don’t need to write mediaqueries for every possible screen resolution.
To keep things simple you could target four groups:
• smaller than or equal to 768 px (smartphones)
• larger than 768 px (small devices, tablets)
• larger than 992 px (medium devices)
• larger than 1200px (large devices)Those are the breakpoints as used by the very popular Twitter Bootstrap framework.
- yup, keep it simple, ensure that between breakpoints things are handled responsivelyprophetone
- yupdoesnotexist
- good advice. i'm not a big fan of bootstrap, though and using their breakpoints (which are based around their grid sizing) without using the grid would be daft.kingsteven