For older browsers, we could do something like:
h1 { font-size: 16px; } @supports (font-size: clamp(16px, 5vw, 34px)) { h1 { font-size: clamp(16px, 5vw, 34px); } }
This should at least work on older Safari. As for IE, well, it doesn't support @supports. :|
@supports
Great suggestion, Darshak! I wish I could pin comments
Hey Vitor, you could edit the post adding this suggestion. Makes sense to increase support with little effort.
Well, it's more a matter of graceful degradation than support increase but your idea is great, I'll do it right now!
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
For older browsers, we could do something like:
This should at least work on older Safari. As for IE, well, it doesn't support
@supports
. :|Great suggestion, Darshak! I wish I could pin comments
Hey Vitor, you could edit the post adding this suggestion. Makes sense to increase support with little effort.
Well, it's more a matter of graceful degradation than support increase but your idea is great, I'll do it right now!