为什么这种顺风 CSS 响应不起作用?[已结束]

why this tailwind css responsiveness do not work? [closed]

提问人:Matheus Ricieri 提问时间:11/16/2023 最后编辑:Matheus Ricieri 更新时间:11/16/2023 访问量:34

问:


编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将有助于其他人回答这个问题。

7天前关闭。

我正在尝试将响应式样式应用于此 span 类,如下所示:

<span class="text-180 text-blue-600 sm:text-red-600" >Tarefas</span >但是,无论大小,它都保持红色。

 <div class="flex flex-col gap-y-10 bg-dark text-ice py-5">
            <div class="flex justify-center items-baseline gap-x-10">
                <span class="material-symbols-outlined text-130"> lists </span>
                <span class="text-180 text-blue-600 sm:text-red-600"
                    >Tarefas</span
                >
            </div>
            <TaskForm />
        </div>

尝试在此处检查tailwindconfig.json输入代码 将 span 标签更改为 div 标签 删除了 text-180 类(它是一个 font-size 类)

tailwind-css 响应

评论


答:

0赞 Matheus Ricieri 11/16/2023 #1

问题是它丢失了

<meta name="viewport" content="width=device-width, initial-scale=1">

在索引上 .html