What the hell is going on with text?

Question

css

Why does the text seem to shrink?
before (looks fine here)

after (on a smaller screen width)

Answer 1

Screens, in addition to the size in pixels, differ in density, shape and pixel size. A pixel is not necessarily square or round, and is not necessarily placed in a square grid.