fit-content

The fit-content CSS keyword expands a box as needed to fit its contents until the maximum size is reached, preserving the content's preferred aspect ratio.

Baseline Status: Achieved Widely Available on May 2, 2024 (Cross-browser Newly Available since Nov 2, 2021).

Desktop Browser Engine Support

Google Chrome

46

Supported

Mozilla Firefox

94

Supported

Apple Safari

11

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

46

Firefox Android

94

Safari iOS

11

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

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