text-size-adjust

Can the browser on mobile devices arbitrarily increase the font size of the page?

Time to read: less than 5 min

Briefly

The text-size-adjust property allows you to override or set the font size increase on mobile screens. This increase is used by mobile browsers to improve the readability of text on pages that are not adapted for mobile screens. If the page is adapted, this increase is disabled.

How to write

        
          
          body {  /* With a prefix for Safari */  -webkit-text-size-adjust: none;  text-size-adjust: none;}
          body {
  /* With a prefix for Safari */
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

        
        
          
        
      

Possible values:

  • none disables the increase;
  • auto enables the increase at the discretion of the browser;
  • 50% percentage value sets the desired increase.