You can target high-resolution displays using media queries by specifying a minimum pixel density.
For example, @media only screen and (min-resolution: 300dpi) { /* CSS rules here */ } targets screens with a minimum pixel density of 300 dots per inch.
Your answer : Using CSS breakpoints
You can target high-resolution displays using media queries by specifying a minimum pixel density.
For example,
@media only screen and (min-resolution: 300dpi) { /* CSS rules here */ }
targets screens with a minimum pixel density of 300 dots per inch.