Intrinsic & Extrinsic Sizing
- WDAllows for the heights and widths to be specified in intrinsic values using the max-content
, min-content
, fit-content
and stretch
(formerly fill
) properties.
Chrome
- ❌ 4 - 21: Not supported
- ✅ 22 - 45: Supported
- ✅ 46 - 93: Supported
- ✅ 94 - 130: Supported
- ✅ 131: Supported
- ✅ 132 - 134: Supported
Edge
- ❌ 12 - 18: Not supported
- ✅ 79 - 93: Supported
- ✅ 94 - 130: Supported
- ✅ 131: Supported
Safari
- ❌ 3.1 - 6: Not supported
- ◐ 6.1 - 8: Partial support
- ◐ 9 - 10.1: Partial support
- ◐ 11 - 15.6: Partial support
- ✅ 16.0 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2 - TP: Supported
Firefox
- ❌ 2: Not supported
- ◐ 3 - 65: Partial support
- ◐ 66 - 132: Partial support
- ◐ 133: Partial support
- ◐ 134 - 136: Partial support
Opera
- ❌ 9 - 12.1: Not supported
- ✅ 15 - 32: Supported
- ✅ 33: Supported
- ✅ 34: Supported
- ✅ 35 - 94: Supported
- ✅ 95 - 113: Supported
- ✅ 114: Supported
IE
- ❌ 5.5 - 10: Not supported
- ❌ 11: Not supported
Chrome for Android
- ✅ 131: Supported
Safari on iOS
- ❌ 3.2 - 6.1: Not supported
- ◐ 7 - 8.4: Partial support
- ◐ 9 - 13.7: Partial support
- ◐ 14 - 15.8: Partial support
- ✅ 16.0 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2: Supported
Samsung Internet
- ✅ 4: Supported
- ✅ 5 - 16.0: Supported
- ✅ 17.0 - 25: Supported
- ✅ 26: Supported
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ❌ 10 - 12.1: Not supported
- ✅ 80: Supported
UC Browser for Android
- ✅ 15.5: Supported
Android Browser
- ❌ 2.1 - 4.3: Not supported
- ✅ 4.4 - 4.4.4: Supported
- ✅ 131: Supported
Firefox for Android
- ◐ 132: Partial support
QQ Browser
- ✅ 14.9: Supported
Baidu Browser
- ✅ 13.52: Supported
KaiOS Browser
- ◐ 2.5: Partial support
- ◐ 3: Partial support
Prefixes are on the values, not the property names (e.g. -webkit-min-content)
Older webkit browsers also support the unofficial intrinsic
value which acts the same as max-content
.
- Resources:
- Min-Content tutorial