CSS Media Queries Test Cases
Viewport Width
min-width 1px
@media all and (min-width: 1px)width 100vw
@media all and (width: 100vw)max-width 4096px
@media all and (max-width: 4096px)1px < width < 4096px
@media all and (1px < width < 4096px)Viewport Height
min-height 1px
@media all and (min-height: 1px)height 100vh
@media all and (height: 100vh)max-height 4096px
@media all and (max-height: 4096px)1px < height < 4096px
@media all and (1px < height < 4096px)Aspect Ratio
Min-Aspect-Ratio 1/100
@media only all and (min-aspect-ratio: 1/100)Aspect-Ratio 3/4
@media only all and (aspect-ratio: 3/4)Max-aspect-ratio 100/1
@media only all and (max-aspect-ratio: 100/1)Orientation
Orientation: Portrait
@media only all and (orientation: portrait)Orientation: Landscape
@media only all and (orientation: landscape)Device Width
min-device-width 240px
This media feature is deprecated in CSS 4 Media Queries.
@media all and (min-device-width: 240px)device-width 1280px
This media feature is deprecated in CSS 4 Media Queries.
@media all and (device-width: 1280px)max-device-Width 2048px
This media feature is deprecated in CSS 4 Media Queries.
@media all and (max-device-width: 2048px)Device Height
min-device-height 240px
This media feature is deprecated in CSS 4 Media Queries.
@media all and (min-device-height: 240px)device-height 1280px
This media feature is deprecated in CSS 4 Media Queries.
@media all and (device-height: 1280px)max-device-height 2048px
This media feature is deprecated in CSS 4 Media Queries.
@media all and (max-device-height: 2048px)Device Aspect Ratio
Min-Device-Aspect-Ratio 1/100
@media only all and (min-device-aspect-ratio: 1/100)Device-Aspect-Ratio 16/9
@media only all and (device-aspect-ratio: 16/9)Max-device-aspect-ratio 100/1
@media only all and (max-device-aspect-ratio: 100/1)