Object Fit

Usage

Please refer to the documentation on the Tailwind CSS website

RC notes

For React Native Web Image and Expo Image, use explicit resizeMode or contentFit props. A utility on the outer View does not establish the nested image fit. Native image adapters and HTML img elements have separate contracts.

Compatibility

Support applies to the documented values and platforms. See the RC compatibility notes for value limits and native migration alternatives. Browser behavior is evaluated separately.

object-contain

object-cover

object-fill

object-none

object-scale-down