Text resizing when rotating in iOS

Anyone writing media queries for iPhone/mobile versions of their websites will have encountered this oddity: You load the page on the device and everything looks normal and to-scale. You then rotate the phone 90 degrees and suddenly some of the text is much larger while other areas of text remain as they were.

I've found the solution to this online so this post is really only a bump for justice, I didn't research this myself. The solution is:

html{
	-webkit-text-size-adjust: none;
}

Simple, but rather unsatisfying. The one caveat is that this should really only be applied within a @media query targetting the minority, not the majority of your users. Bearing in mind that people use Webkit on desktops too, if applied too generally this rule will prevent anyone on a desktop resizing their text. I'd suggest this only be used within a @media query targetting iOS.

References:
http://www.liquidx.net/blog/2009/09/30/iphone-safari-font-size-changes-on-rotation/
http://stackoverflow.com/questions/912681/preventing-iphone-scaling-when-rotated