CSS font-size clamp() doesn't work in Safari

Asked Jul 23 '20 at 20:48

Active Aug 19 '20 at 15:21

Viewed 1,425 times

font-size:clamp(20pt,8vmin,40pt)

Is not resizing text in Safari 13.1 (mac OS) but is working in Chrome

Here is an example https://codepen.io/sfpx/pen/ExPMZVb If you resize the result part vertically you will see the font size decreasing in Chrome but not in Safari.

How could I achieve the same result in Safari ? Let's say I want the font to be 8vmin but a max of 40pt and a min of 20pt. I tried min , clamp and calc without success in Safari

edited Aug 19 '20 at 15:21

doğukan

23,073
13
57
69

asked Jul 23 '20 at 20:48

sfpx

1

Were you ever able to figure this out? I'm having this problem in Safari 13.1 still – Shail Patel Sep 07 '20 at 02:38
I had exactly the same issue. Simply updating safair browser to 15.4 solved this problem. – Krzysiek Kowalski Apr 09 '22 at 15:36

CSS font-size clamp() doesn't work in Safari

0 Answers0