如何在 Tailwind CSS 中为图片设置自定义宽高（如 108px）-html教程

tailwind 默认不包含 `w-108` 这类预设类名，需使用任意值语法 `w-[108px]` 才能精确控制图片尺寸，否则自定义数值类将被忽略。

在使用 Astro + Tailwind CSS 开发时，你可能会遇到图片无法按预期缩放的问题——例如写入 却毫无效果。这是因为 Tailwind 的宽度工具类（如 w-10, w-64）仅支持预设的数值尺度，而 w-108 并不在默认配置中（Tailwind v3.4+ 默认最大 w-96 = 24rem = 384px），因此该类名不会被编译生成对应 CSS 规则。

✅ 正确做法是使用 任意值（Arbitrary Values）语法：

@@##@@

? 小贴士：方括号 [] 内可写任意合法 CSS 长度值（支持 px, rem, em, %, vh, vw 等），Tailwind JIT 编译器会动态生成对应样式，例如 w-[108px] → { width: 108px; }。

⚠️ 注意事项：