$mdMedia is used to evaluate whether a given media query is true or false given the
current device's screen / window size. The media query will be re-evaluated on resize, allowing
you to register a watch.
$mdMedia also has pre-programmed support for media queries that match the layout breakpoints:
| Breakpoint | mediaQuery |
|---|---|
| xs | (max-width: 599px) |
| gt-xs | (min-width: 600px) |
| sm | (min-width: 600px) and (max-width: 959px) |
| gt-sm | (min-width: 960px) |
| md | (min-width: 960px) and (max-width: 1279px) |
| gt-md | (min-width: 1280px) |
| lg | (min-width: 1280px) and (max-width: 1919px) |
| gt-lg | (min-width: 1920px) |
| xl | (min-width: 1920px) |
| landscape | landscape |
| portrait | portrait |
See Material Design's Layout - Adaptive UI for more details.
| Returns | Description |
|---|---|
boolean |
a boolean representing whether or not the given media query is true or false. |