css - Overflow:hidden causing jagged fonts in Galaxy S4 Android Browser -
on website i'm building, every browser , device (among many tested) fine, on samsung galaxy s4 in included android browser, fonts extremely jagged... not blurry, jagged. i've followed every guide can find on fonts , css related this, , looks fine everywhere except in 1 use case. looks fine in chrome on same device, fiddling phone settings didn't seem right, did anyway , no change.
i can't post fiddle of site because corporate site, , can't sharing such... basically, i'm hoping @ least insights or inspiration here... maybe else has run similar problem before?
i have narrowed issue down, literally systematically deleting css rules 1 one, until discovered issue seems use of overflow:hidden. once remove overflow:hidden parents of text, jaggedness goes away... cannot remove overflow:hidden, break else. font family doesn't seem matter, no matter is.
if has ideas of how proceed without removing overflow:hidden, please respond.
update: appears have both position:relative , overflow:hidden. if both of these affecting parent of text, s4 android browser renders jagged...
Comments
Post a Comment