为何Tailwind CSS混合使用两种不同的max类媒体查询语法？

目前Tailwind中针对“最大宽度”场景的两种写法存在语法不一致问题：

• 使用预设断点的 max-md 会生成：@media not all and (min-width: 768px)
• 使用自定义宽度的 max-[768px] 会生成：@media (max-width: 768px)

这种不一致会造成开发者理解和使用上的混淆——同样是针对小于等于768px的视口场景，却输出了逻辑不同的媒体查询语句。

优化建议 #

应当将 max-md 与 max-[768px] 的输出统一为同一种媒体查询语法，推荐统一采用更直观易懂的 @media (max-width: 768px) 写法，确保无论使用预设断点还是自定义宽度，开发者都能遵循一致的语法逻辑，降低认知成本。

内容的提问来源于stack exchange，提问作者omymenzies