小编Hir*_*iwa的帖子

Tailwind CSS 回退用于新的屏幕长度类型,例如“lvh”、“svh”

我编写tailwind.config.js如下以使用新的 css 长度类型,例如“lvh”、“svh”。

module.exports = {
  theme: {
    extend: {
      height: {
        "screen": "100dvh",
        "screen-small": "100svh",
        "screen-large": "100lvh"
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

然后就成功导出了

.h-screen {
    height: 100dvh;
}
Run Code Online (Sandbox Code Playgroud)

但我想获得后备属性,例如

.h-screen {
  height: 100vh; /* fallback for Opera, IE and etc. */
  height: 100dvh;
}
Run Code Online (Sandbox Code Playgroud)

有没有什么好方法可以使用 Tailwind CSS 导出后备属性?

我不知道要尝试

css tailwind-css

16
推荐指数
1
解决办法
7643
查看次数

标签 统计

css ×1

tailwind-css ×1