Search code examples
htmlcsscss-calc

CSS calc() is it widely supported?


Since I have learned how to use calc in CSS, I have found many instances where it has been useful to me.

However, I am wondering how it performs across browsers and devices.

Is it supported widely enough to use without worrying about?

Demo:

.element {
  width: calc(100% - 25px);
}

Solution

  • According to Can I use it is well supported, just doesn't support IE8 and Opera Mini Browser, and an earlier version of Android (4.3), where most of modern Android devices are within version 4.4 to 6

    If you take a look, you will see that using it unprefixed is:

    • 75% supported + 3% partial supported, performing a 78% total.

    SS