html - IE vs Chrome - Difference in Icon Font Sizing -
i'm using icon font (from icomoon). i'm applying icons befores other elements.
the css applied them like:
/** applied first */ .my-element:before { font-family: icomoon; font-size: 20px; } /** elsewhere */ .my-element:before { font-size: 1.5em; } if @ actual font-size reported in inspect element before, reports 21px, when logically expect 30px. firefox appears same. in ie, expect: 30px (20px * 1.5).
i have second value 2em, , chrome gets 28px. ie gets expected 40px.
even expanding thing see components go in calculating final font-size value shows two.
i thought maybe parent element getting calculated in, set 0px, , didn't affect before. i'm stumped.
which browser correct? assume ie wrong, if is, there must rule i'm unaware of. ideas?
Comments
Post a Comment