I have the following css
html {
font-size: 62.5%; // 100% is 16px, this value will 10px
}
when I am checking the text on the page in every other browser, it gives me 10px. But Internet Explorer 11 gives 9.93px.
As I understand, it is happening, because IE truncates fractional values, interpreting my property actually as font-size: 62%.
Here is a demo, that you can try: https://jsfiddle.net/vcod81vy/
Do you have any ideas how can I make it consistent?
P.S. I can't use hard-coded 10px value, because I have a requirement to build accessible web interface that supports font overrides from browser settings, like it is described here