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

jv2fixgn  于 2023-01-30  发布在  React
关注(0)|答案(1)|浏览(148)

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

然后我将其用于React组分中,如下所示:

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

ar7v8xwq

ar7v8xwq1#

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

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

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

相关问题