Skip to content

Instantly share code, notes, and snippets.

@clare-codes
Last active December 29, 2015 07:59
Show Gist options
  • Save clare-codes/7639811 to your computer and use it in GitHub Desktop.
Save clare-codes/7639811 to your computer and use it in GitHub Desktop.
Quick tip: Avoid using text-size-adjust: none;

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)

@clare-codes
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment