Tailwind 响应式断点不会覆盖填充

Question

这是我的 div： <div class="h-full w-screen p-24 text-white text-shdw-light flex flex-col gap-10 lg:px-46"></div>为什么它没有减少填充？ lg:px-46 （px-46 是一个自定义类）应该意味着水平填充对于lg以上的分辨率是 46，当它低于 lg 时，使用p-24对吗？ 如果我将lg:px-46替换为lg:hidden它会按预期工作。 断点根本不适用于填充吗？

Answer 1

我想到了。 我认为响应式断点并不能像我那样与自定义类一起使用。 删除自定义 class 并将填充添加到body而不是容器本身以对齐所有内容，使断点工作。