Meta Layout: a closer look at media queries
summary
Walks through actual media query syntax and logical operators then shows which features matter for mobile—visual versus device viewports, the meta viewport usage and why device-width tests mislead; compares putting queries in CSS versus media attributes and reports tests being built for BrowserScope to populate PPK’s tables. Notes Opera already avoids needless stylesheet downloads, outlines device-pixel-ratio proposals, demos layout tools like flexbox and grid, and says hybrid server + client detection wins when mobile performance or conditional loading matters.
AI-written summary · about
chapters (11)
- 0:00Start
- 4:11MEDIA TYPES
- 5:03LOGICAL AND
- 8:12MEDIA FEATURES
- 11:20TESTING
- 11:56PREFIXED FEATURES
- 17:02META VIEWPORT
- 18:36VIEWPORT IN CSS?
- 20:47APPLYING MEDIA QUERIES
- 30:22LAYOUT STRATEGY
- 31:47WIREFRAMES
