Adrian Roselli
Read post

Honoring Mobile OS Text Size

Mobile browsers handle OS-level text size settings differently. Firefox automatically scales web text with Android system settings. Safari requires specific CSS using `-apple-system-body` font properties. Chrome is introducing a new `<meta name="text-scale" content="scale">` tag that requires authors to avoid fixed font sizes and use relative units. A combined approach using both the meta tag and Safari's CSS can enable text scaling across all three rendering engines, improving accessibility for users who adjust system font sizes.

    #webdev#mobile#css#ui-design#accessibility
Feb 06•4m read time•From adrianroselli.com
Post cover image
Table of contents
Support # anchorFrankenstyle’s Monster # anchorOther Reading # anchorTagsOther PostsNo comments? Be the first!
2.4K Impressions
Adrian Roselli's image
Adrian Roselli

Adrian Roselli is a web developer, accessibility advocate, and expert in web standards. Readers can ...

37 Followers

•

199 Upvotes

Would you recommend this post?

Copy link
WhatsApp
Facebook
X
New Squad
  • © 2026 Daily Dev Ltd.
  • Guidelines
  • Explore
  • Tags
  • Sources
  • Squads
  • Leaderboard