TailWinCSS 最大高度

Question

所以我想知道如何在 TailWindCSS Config 中设置最大高度媒体断点。iPad Pro 因其宽度而被视为笔记本电脑。也就是说，它们对于笔记本电脑 CSS 来说太高了，让我的网站看起来很糟糕。

欢迎任何帮助，谢谢，贾斯汀。

Answer 1

我浏览了 Tailwind 文档，似乎没有最大高度媒体查询。

但您可以创建自己的自定义媒体查询。我不知道 iPad Pro 的高度。但我根据文档做了一个例子。（也是未经测试的示例）

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      screens: {
        'iPad': {'raw': '(max-height: 1234px)'},
        // => @media (max-height: 1234px) { ... }
      }
    }
  }
}

编辑：我不确定这会产生什么，我的猜测iPad:text-xl或其他什么。