According to the CSS spec:

The resolution media feature describes the resolution of the output device, i.e. the density of the pixels, taking into account the page zoom but assuming a pinch zoom of 1.0.

I generated the following document which prints the CSS media resolution dpi value at any zoom level.

print("<!DOCTYPE html><head>") for dpi in range(1, 1200): print("<style>@media (min-resolution: " + str(dpi) + "dpi) and (max-resolution: " + str(dpi + 1) + "dpi) {") print("p:after {content: \""+str(dpi)+"\"}}</style>") print("</head><body><p></p></body></html>") zoom 30% -> 57dpi zoom 50% -> 96dpi zoom 67% -> 128dpi zoom 100% -> 192dpi zoom 200% -> 384dpi etc.

When scaling up, shouldn't the dpi go down as then less dots can appear per inches? Would that be the case that the CSS inch is what grows with the zoom level, making the number of dots grow as well to keep up the ratio?

mltm's user avatar

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.