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

Popular posts from this blog

java - Spring Data JPA: Why findOne(id) executing delete query internally? -

python - Mongodb How to add addtional information when aggregating? -

java - Incorrect order of records in M-M relationship in hibernate -