BASELINE NowYouCanUse.com

Widely Available Layout

id: min-max-content

min-content and max-content

The min-content and max-content CSS keywords represent the smallest and largest intrinsic sizes of an element.

Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).

Desktop Browser Engine Support

Google Chrome

46

Supported

Mozilla Firefox

66

Supported

Apple Safari

11

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

46

Firefox Android

66

Safari iOS

11

Specifications and References

Specification ↗ Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.height.max-content ↗ css.properties.height.min-content ↗ css.properties.max-height.max-content ↗ css.properties.max-height.min-content ↗ css.properties.max-width.max-content ↗ css.properties.max-width.min-content ↗ css.properties.min-height.max-content ↗ css.properties.min-height.min-content ↗ css.properties.min-width.max-content ↗ css.properties.min-width.min-content ↗ css.properties.width.max-content ↗ css.properties.width.min-content ↗