Search code examples
cssmedia-queriesresolution

When do we use media-queries "resolution" in css?


Today, i discovered The resolution CSS data types and i don't find a real usage for this. Has anyone ever used this functionality or any examples use case ?


Solution

  • One real-world example usage is when performing printing of web document:

    @media print and (min-resolution: 300dpi) { ... } 
    

    The above media query will display given styles when printing DPI is set at minimum of 300dpi.