I'm kind of suspicious of these kinds of things. Especially the "subtle improvements" can have unintended effects.
Can I really just include without worrying about it?
Can I really just include without worrying about it?
For example, this file disables the webkit text size adjustment on the iPhone. Text size adjustment is what makes most websites readable on the iPhone without excessive zooming / scrolling. You should disable it only if you are making a mobile optimized version of your website and the automatic text size adjustment actually causes problems.
No it doesn't.
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
Your statement would be true if it was setting -webkit-text-size-adjust:none, but 100% does as the comment says and only prevents resizing when changing orientations.If you have an iPhone, look at my test pages to see for yourself:
http://jabakobob.net/2012/08/hntest/test.html (without snippet)
http://jabakobob.net/2012/08/hntest/test2.html (with snippet)
For me, the first page renders with a much more legible text size.
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}