最小高度不能顺风正常工作

Question

我正在使用顺风 class min-h-screen 但它不会改变元素的高度。它甚至没有显示在开发工具中。当在样式属性中设置高度时，如 style="height: 100vh;" 它会更改元素的高度。

<div class="bg-white flex-1 p-6 flex flex-col w-3/4 xl:w-full 
z-10 min-h-screen" style="box-shadow: 4px 0 6px -4px rgba(0, 0, 0, 0.3);">
    content
</div>

除了那里，其他地方都没有设置高度。

我想用 minHeight: {'m100v': '100vh'} 编辑配置文件，但我想标准方法应该可以。

Answer 1

我了解到您在顺风配置中为 minHeight 设置了自定义值。和默认的不一样也没关系，默认的会被忽略

因此，如果您想添加自定义值，则需要扩展您的主题对象。见下文

module.exports = {

   theme: {
      extend: {
       minHeight: {
           'custom': '234',
           }
      },
   }
}

然后你保留默认值。

最小高度不能顺风正常工作

Min-height not working properly with tailwind

css

tailwind-css