TailWindCSS 最大高度

Question

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

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

Answer 1

我在 Tailwind 文档中吐口水，似乎没有Max Height媒体查询。

但您可以创建自己的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 什么的。