v131 · css

text-size-adjust improvements

text-size-adjust adjusts font sizes on mobile devices. Values other than auto disable automatic text size adjustments. Percentage values increase the computed size of text. This makes text-size-adjust more consistent, so it works like a direct multiplier of the font size (and line height). The major changes are: * text-size-adjust works with or without

concepts

  1. text-size-adjust

    text-size-adjust now honoured on desktop, not just mobile. Authors can opt into accessibility-driven text scaling everywhere.

  2. Body vs code panels

    Reading body scales with user font preference; ASCII diagrams stay locked. The motivating selective use case.

  3. Live percentage slider

    Dial any percentage from 50% to 250% and watch the article's computed font-size and line-height update in real time.

  4. Locked elements

    The selective-disable pattern. Lock just the alignment-sensitive sub-trees (ASCII diagrams, code blocks) while the prose around them still scales.

why it shipped

Explainer with more information about the exact changes: https://docs.google.com/document/d/1l3LFl_kDDoScUlXTcBXsnj2RbeU9zXo1DqNfctY84p0/edit?usp=sharing

references