next.js 如何使用Tailwind CSS显示图像？

pxyaymoc 于 2022-11-23 发布在其他

关注(0)|答案(1)|浏览(165)

你好，我想在调整窗口大小时显示一个图像。所以当我调整窗口大小时，我做了一个钩子，得到了宽度，但我不能显示任何东西。我如何使图像可见？
第一个

1条答案

Tailwind不会找到动态构造的类名。请参阅Tailwind文档：动态类别名称
使用style属性设置高度。

<div
  style={{ height: bannerHeight }}
  className={`rounded-lg overflow-hidden flex md:mx-16 relative`}
>

或者，考虑使用介质查询来设置高度。例如：

<div 
  className="h-[200px] md:h-[500px] lg:h-[800px] rounded-lg overf..."
>