TailWindCSS最大高度

Question

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

欢迎您的帮助， 谢谢， 贾斯汀。

Answer 1

我吐着Tailwind文档，似乎没有最大高度媒体查询。

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

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

编辑： 我不确定iPad:text-xl还是什么，我不确定它的输出是什么。