Browser position:absolute and decimal truncation?
I'm trying to position individual characters precisely in HTML5 using position: absolute
.
I've tried specifying the position
in %
and em
, but every browser handles the decimals differently, and depending on the zoom level, the output doesn't look great.
e.g. 12.005% and 3.003em may or开发者_高级运维 may not use the decimal portion, depending on the zoom level and size relative the parent.
Does anyone have any ideas on how to solve this problem across chrome/firefox? IE 9 would be nice as well.
I think the problem is that you are using fluid measurements (%
and em
) to handle positioning.
If you want your position to be the same (mostly) across browsers and screen sizes, then you need to use pixels
.
BTW: you should design for the standard 100% zoom level. Everything else is too unpredictable.
精彩评论