Why does line-height work differently in different browsers?

Question

css

Hello. Today I noticed an unpleasant feature of different browsers, probably. The problem is that in all desktop browsers, in order to make text centered in height, you need to set line-height: 35px in a container with a height of, say, 40px. But today I went to the site from a smartphone, from the same chrome, so there the text is more pressed to the top of the element. I do not understand something, and how to get around this?

Answer 1

don't use px unless absolutely necessary
learn how to align text with css