How to compare firefox styles with other browsers?

Question

Mozilla Firefox

Hello, tell me how to compare firefox styles with other browsers? When laying out pixel by pixel, firefox produces large elements. Basically, these are headers and spans. The problem can be solved by explicitly setting the height, but I would not want to do that. I tried both normalize and reset, but nothing. Who is struggling with this problem?

Answer 1

IMHO it makes no sense to type text pixel by pixel on the web, because the size of the letters for end users will vary greatly depending on the font rendering settings, even without taking into account that different browsers render differently, not to mention different operating systems. Accordingly, your layout should take into account that the size of the text can change noticeably. There is nothing wrong with sizing elements that frame text if the design requires it.