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.

4m read timeFrom adrianroselli.com
Post cover image
Table of contents
Support # anchorFrankenstyle’s Monster # anchorOther Reading # anchorTagsOther PostsNo comments? Be the first!

Sort: