flex-shrink

Read More at MDN DocsView Spec

Safe to Use

flex-shrink is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeAug 20, 2013v29.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariSep 30, 2015v9.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxApr 2, 2013v20.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Aug 20, 2013 v29.0.0
26%╱100%
100% of Chrome users are running a supported version.
Aug 20, 2013 – Latest
v29.0.0+
26%╱100%

Full Support

Sep 25, 2012 – Latest
v22.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

Chrome Android
Aug 21, 2013 v29.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Aug 21, 2013 – Latest
v29.0.0+
36%╱100%

Full Support

Feb 27, 2013 – Latest
v25.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Firefox
Apr 2, 2013 v20.0.0
3%╱100%
100% of Firefox users are running a supported version.
Apr 2, 2013 – Latest
v20.0.0+
3%╱100%

Full Support

Since Firefox 28, multi-line flexbox is supported.

Before Firefox 32, Firefox wasn't able to animate values starting or stopping at 0.

Sep 20, 2016 – Latest
v49.0.0+
3%╱100%

Implemented with the vendor prefix: -webkit-

Firefox for Android
Apr 2, 2013 v20.0.0
Firefox for Android supports this feature.
Apr 2, 2013 – Latest
v20.0.0+

Full Support

Since Firefox 28, multi-line flexbox is supported.

Before Firefox 32, Firefox wasn't able to animate values starting or stopping at 0.

Sep 20, 2016 – Latest
v49.0.0+

Implemented with the vendor prefix: -webkit-

Internet Explorer
Oct 26, 2012 v10.0.0
0%╱83%
There are no users of Internet Explorer running a supported version.
Oct 26, 2012 – Latest
v10.0.0+
0%╱83%

Full Support

Internet Explorer 10 uses 0 instead of 1 as the initial value for the flex-shrink property. A workaround is to always set an explicit value for flex-shrink. See Flexbug #6 for more info.

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

Opera
Nov 20, 2012 v12.1.0
1%╱100%
100% of Opera users are running a supported version.
Nov 20, 2012 – Latest
v12.1.0+
1%╱100%

Full Support

Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Implemented with the vendor prefix: -webkit-

Opera Android
Oct 9, 2012 v12.1.0
Opera Android supports this feature.
Oct 9, 2012 – Latest
v12.1.0+

Full Support

May 21, 2013 – Latest
v14.0.0+

Implemented with the vendor prefix: -webkit-

Safari
Sep 30, 2015 v9.0.0
5%╱100%
100% of Safari users are running a supported version.
Sep 30, 2015 – Latest
v9.0.0+
5%╱100%

Full Support

Oct 16, 2014 – Latest
v8.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Safari on iOS
Sep 16, 2015 v9.0.0
16%╱100%
There are no users of Safari on iOS running a supported version.
Sep 16, 2015 – Latest
v9.0.0+
16%╱100%

Full Support

Sep 17, 2014 – Latest
v8.0.0+
16%╱100%

Implemented with the vendor prefix: -webkit-

Samsung Internet
Oct 17, 2014 v2.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Oct 17, 2014 – Latest
v2.0.0+
2%╱100%

Full Support

Sep 25, 2013 – Latest
v1.5.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

WebView Android
Dec 9, 2013 v4.4.0
WebView Android supports this feature.
Dec 9, 2013 – Latest
v4.4.0+

Full Support

Sep 3, 2014 – Latest
v37.0.0+

Implemented with the vendor prefix: -webkit-

See Also

Contribute