text-size-adjust
The text-size-adjust CSS property disables or modifies the browser's default text size adjustment for small screen sizes. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Overview
The text-size-adjust CSS property disables or modifies the browser's default text size adjustment for small screen sizes. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
text-size-adjust Experimental | 54 | 79 | | | 54 | 1 |
auto Experimental | 54 | 79 | | | 54 | |
none Experimental | 54 | 79 | | | 54 | |
percentages Experimental `<percentage>` | 54 | 12 | | | 54 | |
- This feature was removed in a later browser version (79)
- Available with a vendor prefix: -webkit- (12)
Syntax
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}Live demo
Use cases
Use text-size-adjust
Use text-size-adjust when the default CSS behavior is not expressive enough for the component or layout you are building.
Handle edge cases
Apply text-size-adjust to solve a specific styling constraint without introducing broader layout or behavior changes.
Cautions
- Test text-size-adjust in the browsers you support, especially if it changes layout, text handling, or interaction behavior.
- Plan a fallback or acceptable degradation path when support is still limited.
Accessibility
- Confirm that using text-size-adjust does not make content harder to perceive, understand, or operate in assistive contexts.
Related links
Powered by web-features