如何使用tailwind css和reactjs为小屏幕尺寸添加侧背景图像

jv2fixgn 于 2023-01-30 发布在 React

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

我有一个背景图片，我正在尝试删除小屏幕的背景图片。我使用的是带有react的顺风css。
我知道有很多问题，但那不符合我的要求。
由于我有多个SVG的复杂背景，因此我在index.css中创建了这个类，previse在这里是

然后我将其用于React组分中，如下所示：

这个工作很好，但现在我想删除小的形象，我不知道现在如何做到这一点，这就是为什么我在这里张贴的问题。

1条答案

由于tailwind-css使用mobile-first断点系统，因此您需要将bg-pattern类指定为仅适用于:md、:lg、:xl等大屏幕尺寸
因此，请将div更改为：

<div className={`md:bg-pattern ...`}

因此，现在bg-pattern类仅应用于:md及以上的屏幕大小。