Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
some (mobile) webkit specific resets and adjustments. sort of.
* {
/* should only be used on mobile webkit browser cause it disables zoom on webkit desktop browsers */
-webkit-text-size-adjust: none;
-webkit-text-stroke: 0;
/* works with safari5+ and iOS4+ */
-webkit-font-smoothing: antialiased;
/* http://css-infos.net/property/-webkit-touch-callout */
-webkit-touch-callout: none;
/* improves font kerning and ligatures - but has some issues mobile webkit on Android with custom webfonts */
text-rendering: optimizeLegibility;
}
a {
-webkit-tap-highlight-color: rgba(0,0,0,0.6);
}
img {
/* prevents popup on images while long tap. */
-webkit-touch-callout: none;
}
p {
/*prevents user from selecting text - useless imho */
-webkit-user-select: none;
}
input,
button,
select,
textarea {
-webkit-appearance: none;
}
textarea {
resize: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment