tailwind-css - 如何将最大宽度设置为百分比或静态值

Question

对于带有顺风的元素的宽度，您可以通过百分比或固定的 rem 值设置它。要设置 max-width，您只能将其设置为断点的大小。
为什么是这样？
有没有办法将 max-width 设置为百分比或不是断点的固定大小？

Answer 1

Is there any way to set max-width to a percentage or a fixed size thatisn't a breakpoint?

您需要 customize tailwind.config.js

  // tailwind.config.js
  module.exports = {
    theme: {
      maxWidth: {
+       '1/4': '25%',
+       '1/2': '300px',
+       '3/4': '75%',
      }
    }
  }

因此，您将最大宽度固定为百分比或像素。

Why is this?

您不受设置和功能的限制，相反，Tailwind CSS 为您提供了一个已在实践中证明自己的标准。
但是如果你需要对你的项目进行微调，你总是可以做到的。
享受使用 Tailwind CSS!