2

Working around the viewport-based fluid typography bug in Safari | CSS-Tricks

 2 years ago
source link: https://css-tricks.com/working-around-the-viewport-based-fluid-typography-bug-in-safari/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Working around the viewport-based fluid typography bug in Safari

Chris Coyier on

Jun 28, 2021

Learn Development at Frontend Masters

Sara digs into a bug I happened to have mentioned back in 2012 where fluid type didn’t resize when the browser window resized. Back then, it affected Chrome 20 and Safari 6, but the bug still persists today in Safari when a calc() involves viewport units.

Sara credits Martin Auswöger for a super weird and clever trick using -webkit-marquee-increment: 0vw; (here’s the documentation) to force Safari into the correct behavior. I’ll make a screencast just to document it:

I randomly happened to have Safari Technology Preview open, which at the moment is Safari 15, and I see the bug is fixed. So I wouldn’t rush out the door to implement this.

Direct Link →


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK