search

jakobsen / fluid-typography

Find the perfect CSS values for your fluid heading, and control how it scales across different viewport widths.
https://fluid-typography.netlify.app/
MIT License
92 stars 6 forks source link

Doesn't work in Safari #9

Closed mattkaye closed 3 years ago

mattkaye commented 3 years ago

The fix for this is to apply min-height: 0vw; to the text you want to apply the clamp to. Maybe this can added to the example site? Very useful too. Thanks!

Safari Version 14.0.3

jakobsen commented 3 years ago

Hm, it's working as expected for me in the same version of Safari. The text has a min-height: 0vh rule applied to it, which is essentially the same fix. Could you post a gif or something similar demonstrating the issue?

Sorry for the late reply! :)

Skjermbilde 2021-05-30 kl 12 07 28
jakobsen commented 3 years ago

I'm closing this for now as it seems to be working as intended. Feel free to re-open if necessary.