Règle CSS responsive (media query)
CSS rule that changes how a page renders based on screen size. The syntax looks like: « if screen is less than 768 pixels, switch the nav to a burger menu ». It's what makes a page readable on phone as well as on a large screen.
Strengths
- Native CSS standard since 2012, supported by all modern browsers
- 3 breakpoints are enough in 95% of cases (phone, tablet, screen)
Limitations
- Easy to forget, a prototype can look beautiful in desktop demo and break on mobile
Best for
- Any web interface intended to be viewed on multiple screen sizes