Working around the viewport-based fluid typography bug in Safari | CSS-Tricks
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.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK