Scaling and dpi, the existence of separate media queries?

Question

css

Greetings!

On some, for example, laptops, the default scaling is 125% or 150%, the question is how to correctly determine in styles that the scaling is different from 100%?

There are certain media expressions for the number of dpi (pixels per inch), for example:

media screen and (min-device-pixel-ratio: 2) {
…
}

They seem to work for scaling, but they also work for retina.

Maybe there are separate expressions for scaling and retina?

The site is laid out in pixels, I would not want to remake it in relative values.

Answer 1

The site is laid out in pixels, I would not want to remake it in relative values.

You want adaptive but don't want to have trouble with it, you need to convert it to relative values ​​and add media queries@media screen and (min-width: 900px) { }