Created
October 23, 2011 15:57
-
-
Save mrjasonweaver/1307515 to your computer and use it in GitHub Desktop.
Android webkit mobile browser optimizeLegibility bug
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* -- Android webkit mobile optimizeLegibility bug -- | |
A noticeable rendering bug when using the | |
Cross-browser kerning-pairs & ligatures css | |
declaration (text-rendering: optimizeLegibility;) | |
where the anchor links are highlighted and set | |
just above the actual text. This makes it difficult | |
to touch activate the link properly. | |
Use Modernizr to detect for touch events & | |
target the appropriate class. | |
----------------------------------------------------- */ | |
/*-- Target Modernizr.no-touch class --*/ | |
.no-touch body { | |
text-rendering: optimizeLegibility; /*-- Only target non touch based screens --*/ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment