On this page

尺寸

最大高度

用来设置元素最大高度的功能类

使用前缀

为了防止和开发者项目中的其他原子化样式语法冲突，样式库默认添加了前缀 lwu，使用示例如下：

vue

<view class="lwu-flex"></view>

语法

0-3，步进0.5

Class	Properties	平台兼容性说明
max-h-0	max-height: 0px;	H5、小程序、app-vue
max-h-px	max-height: 1px;	H5、小程序、app-vue
max-h-0.5	max-height: 0.125 * 1rem;	H5、小程序、app-vue
max-h-1	max-height: 0.25 * 1rem;	H5、小程序、app-vue
max-h-1.5	max-height: 0.375 * 1rem;	H5、小程序、app-vue
max-h-2	max-height: 0.5 * 1rem;	H5、小程序、app-vue
max-h-2.5	max-height: 0.625 * 1rem;	H5、小程序、app-vue
max-h-3	max-height: 0.75 * 1rem;	H5、小程序、app-vue
max-h-3.5	max-height: 0.875 * 1rem;	H5、小程序、app-vue

4-12，步进1

Class	Properties	平台兼容性说明
max-h-4	max-height: 1rem;	H5、小程序、app-vue
max-h-5	max-height: 1.25rem;	H5、小程序、app-vue
max-h-6	max-height: 1.5rem;	H5、小程序、app-vue
max-h-7	max-height: 1.75rem;	H5、小程序、app-vue
max-h-8	max-height: 2rem;	H5、小程序、app-vue
max-h-9	max-height: 2.25rem;	H5、小程序、app-vue
max-h-10	max-height: 2.5rem;	H5、小程序、app-vue
max-h-11	max-height: 2.75rem;	H5、小程序、app-vue
max-h-12	max-height: 3rem;	H5、小程序、app-vue

14

Class	Properties	平台兼容性说明
max-h-14	max-height: 3.5rem;	H5、小程序、app-vue

16-64，进步4

Class	Properties	平台兼容性说明
max-h-16	max-height: 4rem;	H5、小程序、app-vue
max-h-20	max-height: 5rem;	H5、小程序、app-vue
max-h-24	max-height: 6rem;	H5、小程序、app-vue
max-h-28	max-height: 7rem;	H5、小程序、app-vue
max-h-32	max-height: 8rem;	H5、小程序、app-vue
max-h-36	max-height: 9rem;	H5、小程序、app-vue
max-h-40	max-height: 10rem;	H5、小程序、app-vue
max-h-44	max-height: 11rem;	H5、小程序、app-vue
max-h-48	max-height: 12rem;	H5、小程序、app-vue
max-h-52	max-height: 13rem;	H5、小程序、app-vue
max-h-56	max-height: 14rem;	H5、小程序、app-vue
max-h-60	max-height: 15rem;	H5、小程序、app-vue
max-h-64	max-height: 16rem;	H5、小程序、app-vue

72、80、96

Class	Properties	平台兼容性说明
max-h-72	max-height: 18rem;	H5、小程序、app-vue
max-h-80	max-height: 20rem;	H5、小程序、app-vue
max-h-96	max-height: 24rem;	H5、小程序、app-vue

其他

Class	Properties	平台兼容性说明
max-h-full	max-height: 100%;	H5、小程序、app-vue
max-h-screen	max-height: 100vh;	H5、小程序、app-vue