reactjs 在React和Tailwind CSS中动态改变字体大小

42fyovps 于 2023-05-17 发布在 React

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

我有一个React和顺风CSS网络应用程序，我想集成一个字体增加和减少。我尝试了多种方法，但无法让它工作，因为我无法在react中使用fontSize属性覆盖tailwind css text-sm或text-xl。

1条答案

您可以尝试为文本大小设置任意值。
根据Tailwind的文档：

任意值**如果您需要使用一次性宽度值，而该值在主题中没有意义，请使用方括号使用任意值动态生成属性。

<div class="w-[32rem]">
  <!-- ... -->
</div>

你可以在[]中包含fontSize变量，如下所示：

<div class={`text-[${fontSize}px]`}>
  <!-- ... -->
</div>

希望这有帮助！