Skip to main content
UI Guides

Search rules

Search all UI Guides rules by name, category, or source

contentRauno

Text Size Adjust for iOS

MUST

MUST: Set `-webkit-text-size-adjust: 100%` so iOS Safari does not inflate text on landscape rotation (this still allows user zoom).

Prevent unexpected text resizing in landscape mode on iOS with -webkit-text-size-adjust: 100%

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

Bad

Good

Why it matters

iOS Safari inflates text when rotating to landscape to improve readability. While well-intentioned, this can break carefully designed layouts. Setting text-size-adjust to 100% prevents this behavior while still allowing user zoom.

References

Built by Gleb Stroganov, design engineer at Evil Martians.

The rules come from other people's skills and guidelines — Vercel, Rauno Freiberg, @Ibelick, impeccable, Emil Kowalski, Tailwind, RAMS — each one credited on the Sources page. The work here is extraction and wiring: every rule is pulled into one corpus, given a good and a bad example you can operate, a MUST/SHOULD/NEVER rule an agent can paste, and a link back to where it came from.