min-height

CSS 属性 min-height 能够设置元素的最小高度。这样能够防止 height 属性的应用值小于 min-height 的值。

语法

min-height: <viewport-length>;

属性值

fit-content 元素的高度将自动调整为适应内容的大小，但不会小于内容的最小高度 min-content 值。

max-content 元素的最小高度不会小于内容的最大高度。

min-content 元素的最小高度不会小于内容的最小高度。

auto 浏览器将通过计算为指定元素选择一个 min-height 值。

none 不限制盒容器的尺寸。

默认值

平台	默认值
app-uvue	0px
web	auto

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
min-height	5.0	√	3.9+	9.0	√	-
fit-content	5.0	√	x	9.0	√	x
max-content	5.0	√	x	9.0	√	x
min-content	5.0	√	x	9.0	√	x
auto	5.0	√	x	9.0	√	x
none	5.0	√	x	9.0	√	x

App平台

在App端为了优化文字排版性能，不支持 auto、none、max-content、min-content、fit-content，默认值为0px。

Web规范

默认值为 auto，通过计算选择一个 min-height 值。

参见

• MDN Reference