next.js Tailwind和NexJS渲染出现问题,一些道具头像被隐藏

agxfikkp  于 2022-11-23  发布在  其他
关注(0)|答案(1)|浏览(96)

我有问题的头像,当我改变大小(28,18,16)-一切都很好。但当我改变大小为24,22,20和其他-图像被隐藏。
下面是我的截图和代码:

图像组件:

第一个
Example 1Example 2显示器
我做错了什么?
Example 3-如果我将大小更改为38 px,图像将显示

rsaldnfx

rsaldnfx1#

这根本不是顺风的工作方式。
Tailwind just-in-time基本上是把你所有的文件(从tailwind.config.jscontent中的路径)都刮下来,然后把它们添加到最终的分布式CSS中。完全不可能通过道具来创建Tailwind动态类。你应该用style=来添加Height。
作为一个小提示,如果要生成的可能类是可预测的(不是[]值,而是Tailwind类),您可以使用safelist,您可以在这里找到文档。

相关问题