我有一个 header，带有从右侧进入的画布外菜单。 它按预期工作，除了一个问题：当菜单可见并打开时，鼠标/触摸事件 go 直接穿过它下面的内容。 这是代码： 自从我手工编写画布外菜单以来已经有好几年了，所以我确定我遗漏了一些东西。 ...
我在我的 Next.js 项目中使用tailwindcss 。 而且我的组件中没有使用深色styles，所有组件都是浅色风格。 但是当操作系统主题更改为深色模式时，我的网站显示为深色。 如何禁用暗模式自动更改我的项目？ ...
我有以下 CSS：@media print { @page { size: ledger landscape; } } 我怎样才能在 Tailwind 中做到这一点？ 我会把它放在哪里？ 理想情况下，它只应用于我的 React 应用程序的特定部分（因此不应用于<html&g ...
我在一个网站上工作，使用 reactjs 和 tailwindcss 构建，现在我正试图让它在我的 iPhone (Safari) 上看起来不错。 但我似乎无法将状态栏/背景设为白色。 我试过用 React 头盔添加元标签，但这没有做任何事情： 我试过这个： 但是也没有任何东西可以使状态栏变白. ...
我是 React 的新手，我使用的是 tailwind + @shopify/polaris，但 tailwind 类在这个库中不起作用。 这是我的代码： /** App.css */ @tailwind base; @tailwind components; @tailwind utilitie ...
我正在尝试为用户建立一种定义网站主色的方法。 在定义我的 tailwind 类时，我想使用类似bg-primary-600东西而不是对颜色进行硬编码，这样当primary的值发生变化时，它会更新样式。 这里有我的测试环境： https://stackblitz.com/edit/nuxt-start ...
一些 Tailwind styles 没有被应用。 在此图像中，您可以看到向此 div 添加了两个类，但是这些 styles 在 DOM 中不可用。 请帮助。 ...
我尝试使用 Tailwind hidden class 仅在移动屏幕上隐藏我页面中的内容，但它在桌面版中隐藏，在移动版中可见。 我想要相反的。 我的代码：<nav class="hidden lg:block">abc</nav> 我还尝试使用visible和invisib ...
我目前正在开发的项目存在响应问题我有一个带有两个嵌套 div 的侧边栏（看起来彼此“分开”的部分 - 请参见下面的预览），只要屏幕高度低于适合屏幕上所有元素所需的空间，它们就会相互重叠. 重叠元素我想知道如何阻止底部与顶部重叠并使侧边栏的内容从该点开始滚动（一旦“声音检测细节”容器开始与“STRO ...
我有一个使用 Tailwind CSS 的 React 项目，我希望边栏占据徽标下方的整个高度，并让左侧的链接具有特定宽度，但它不起作用 配置文件.jsximport { useContext, useState } from "react"; import { useLocation } fro ...
我正在尝试 position 绝对是图像顶部的标签。 我正在使用纵横比插件来保持图像的纵横比，无论屏幕尺寸如何 https://github.com/tailwindlabs/tailwindcss-aspect-ratio 这是我的尝试： https://play.tailwindcss.com ...
我想用我自己的具有某些属性的自定义类名来设计一个组件。 Tailwind 允许您通过 App.css 执行此操作，但在 React Native 应用程序中没有。 您如何将“.title”class 添加到具有某些属性的 tailwind 中？ 将其应用于文本 JSX object： ...
我目前很难将 Tailwind JIT 编译器与 Webpack.js 集成。 目前几乎一切正常（自定义 colors、自定义 fonts、自定义媒体查询等...），除了 JIT 编译器。 任何人都知道我做错了什么？ （运行在Wordpress环境） 提前致谢！ 编辑：根据 Karl Hill 的 ...
我有一个 angular 15 应用顺风。 代理.conf.json： package.json： 当我运行ng serve应用程序时，tailwind design 可以正常工作，但由于缺少代理，我无法与后端通信。 当我运行npm run start ，代理工作，但顺风不工作。 它只显示默认值 ...
我正在尝试使用 SwiperJS，但我认为 z-index 有问题。 我的菜单位于 slider 下面，我不明白这是怎么回事。 我试图在菜单上放置一个z-index: 1000 ，在 slider 上放置一个z-index: 1 。 我试图在 slider 上放置一个z-index: -1并且它有 ...
我一直在努力解决这个问题。 一切正常，突然开始无法编译。 运行 npm run dev 时出现此错误： 错误-./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].one ...
我有一个 label，它有display: inline-flex和 span。 我想将 label 居中，以便其文本的中间与文本的 rest 正确对齐。 未对齐 label 我怎么能这样做？ 我想这是一个常见的问题，因为带标签的文本相当普遍。 我的代码使用顺风类。 我试过设置周围文本的行高，但这 ...
在我的 React 应用程序中，使用 tailwind css，是否有任何我可以调整的全局设置，以便我的 fonts 随屏幕尺寸缩放。 例如，在大于 2xl 的屏幕上，我希望我的 text-sm 为 1 rem 而不是默认的 0.875rem ...
我有一张 Tailwind 卡，它在大屏幕的左侧显示一个 SVG 图标，在中等大小的屏幕和更小的屏幕上显示在顶部。 我可以沿 x 轴对齐图标。 但是，在 y 轴上我无法正确处理。 我使用了一些填充类，它们可以完成一些工作。 因为我可以将图标从顶部移开，但这也会在图标和下面的文本之间增加额外的空间。 ...
我一直在尝试在 Yew + tauri 中制作图像查看器组件。 我正在为我的 css 使用 tailwindcss。我有一个列 flexbox： 图像包含在一个 div 中。 主要标签是： 我已经在<img>标签和<div>标签上尝试了所有的object-x选项。 我已经在两 ...