1. Media Queries: interaction media features

    Allows a media query to be set based on the presence and accuracy of the user's pointing device, and whether they have the ability to hover over elements on the page. This includes the `pointer`, `any-pointer`, `hover`, and `any-hover` media features.

  2. Media Queries: Range Syntax

    Syntax improvements to make media queries using features that have a "range" type (like width or height) less verbose. Can be used with ordinary mathematical comparison operators: `>`, `<`, `>=`, or `<=`. For example: `@media (100px <= width <= 1900px)` is the equivalent of `@media (min-width: 100px) and (max-width: 1900px)`

  3. Media Queries: resolution feature

    Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses `min`/`max-resolution` for this, some browsers support the older non-standard `device-pixel-ratio` media query.

  4. CSS3 Media Queries

    Method of applying styles based on media information. Includes things like page and device dimensions

  5. css at-rule: `@media`

  6. css at-rule: `@media`: `-moz-device-pixel-ratio` media feature

  7. css at-rule: `@media`: `-webkit-animation` media feature

  8. css at-rule: `@media`: `-webkit-device-pixel-ratio` media feature

  9. css at-rule: `@media`: `-webkit-max-device-pixel-ratio` media feature

  10. css at-rule: `@media`: `-webkit-min-device-pixel-ratio` media feature

  11. css at-rule: `@media`: `-webkit-transform-2d` media feature

  12. css at-rule: `@media`: `-webkit-transform-3d` media feature

  13. css at-rule: `@media`: `-webkit-transition` media feature

  14. css at-rule: `@media`: `any-hover` media feature

  15. css at-rule: `@media`: `any-pointer` media feature

  16. css at-rule: `@media`: `aspect-ratio` media feature

  17. css at-rule: `@media`: `calc()` expressions

  18. css at-rule: `@media`: `color` media feature

  19. css at-rule: `@media`: `color-gamut` media feature

  20. css at-rule: `@media`: `color-index` media feature

  21. css at-rule: `@media`: `device-aspect-ratio` media feature

  22. css at-rule: `@media`: `device-height` media feature

  23. css at-rule: `@media`: `device-posture` media feature

  24. css at-rule: `@media`: `device-width` media feature

  25. css at-rule: `@media`: `display-mode` media feature

  26. css at-rule: `@media`: `dynamic-range` media feature

  27. css at-rule: `@media`: `forced-colors` media feature

  28. css at-rule: `@media`: `grid` media feature

  29. css at-rule: `@media`: `height` media feature

  30. css at-rule: `@media`: `hover` media feature

  31. css at-rule: `@media`: `inverted-colors` media feature

  32. css at-rule: `@media`: media feature expressions

  33. css at-rule: `@media`: media query value support

  34. css at-rule: `@media`: `monochrome` media feature

  35. css at-rule: `@media`: nested media queries

  36. css at-rule: `@media`: `orientation` media feature

  37. css at-rule: `@media`: `or` syntax from media queries level 4

  38. css at-rule: `@media`: `overflow-block` media feature

  39. css at-rule: `@media`: `overflow-inline` media feature

  40. css at-rule: `@media`: `pointer` media feature

  41. css at-rule: `@media`: `prefers-color-scheme` media feature

  42. css at-rule: `@media`: `prefers-contrast` media feature

  43. css at-rule: `@media`: `prefers-reduced-data` media feature

  44. css at-rule: `@media`: `prefers-reduced-motion` media feature

  45. css at-rule: `@media`: `prefers-reduced-transparency` media feature

  46. css at-rule: `@media`: `resolution` media feature

  47. css at-rule: `@media`: `scripting` media feature

  48. css at-rule: `@media`: `update` media feature

  49. css at-rule: `@media`: `video-dynamic-range` media feature

  50. css at-rule: `@media`: `width` media feature