css media query aspect ratio example

How To Use Media Queries For Device Targeting Vanseo Design

Think of min-aspect-ratio: 16/9 as anything wider than 16/9, that is, 17:9, 18:9, etc. Just specifying aspect-ratio as in your example will target that specific ratio. CSS3 Media Queries – Conditional Directives for Different You can try out a live example of Media Queries here: Screen aspect ratio condition. @media screen).

What is CSS3 Media Queries. browsers that do not support media queries with media features from device-height, orientation, aspect-ratio, ... all expressions in the media query are true.