Quick tip: Avoid using text-size-adjust: none;

gistfile1.md

Quick tip: Avoid using text-size-adjust: none;

text-size-adjust: none has been previously used in order to stop font size adjustment for text on mobile browsers, unfortunately this can lead to some desktop browsers being unable to zoom making it an accessibility concern. A better solution to this would be to specify text-size-adjust: 100% (to inflate text sizes at an exact proportion).

The bad way:

body {
	text-size-adjust: none;
}

The good way:

body {
	text-size-adjust: 100%;
}

This property is not standard and may need to be prefixed to work cross browser.

###Futher Reading [http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/] (http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/) [https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust] (https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust)

@grayghostvisuals only added that in 2nd revision because I'd took out the prefix - so the code sample wouldn't work in any situation (and thought that should be clear). I can take it out? Unsure if it will ever become standardised. Apologies, I don't have any visibility on this. This was the link where I got the info from: https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust.

Only picked this topic as was in the list of suggested posts and thought I could quickly summarise the issue although if not useful or I've misunderstood the purpose please don't worry I can close this and leave to someone else.

I think there's something still here to use for sure so it's not useless by any means. If you can keep this link up we'll come back to it. Thanks for submitting and lending a hand.

Sure no problem, hope it is of use to someone :)