React Tailwind 项目在移动版本或更小的屏幕上无法正常工作？

Question

我目前正在进行的项目中遇到了一个小问题。我在 React 和 Tailwind 中创建了一个项目，它在 PC 中以全屏方式完美运行，但在较小的屏幕中，文本是 相互覆盖 。有不同的部分，如关于、作品集、经验等。当我尝试缩小浏览器屏幕尺寸时，文本和标题会相互覆盖。 需要解决方案。

我的项目需要一个解决方案。

Answer 1

您需要使用 Tailwind CSS 断点使您的组件具有响应能力。

 <div className="text-[32px] md:text-[24px] "></div>