It is about 1px, so practically I could fix it by using line heeight 29px and serving different line height 30px to the IE. you could see visually inconsistency between them. UPD: here is very close example of the real work I do, again it is not such a bad as sample test above, but still there is moving pixels.ĭid more tests focusing mostly on Windows 7, and there is included image with the test screenshots into the different browsers with different line heights.
In different browsers (and OSs) you could see text lays differently. I have headers where I applied line-height property, this is always one line headers so I locked up the height just to be right fit for fonts.
#Ie for chrome mac code
Though in real code it is not such a hassle, although there is some inconsistency. Pre word: initially I kept in mind only Windows, but after a while testing on Mac Air, realized it is even worse there.