custom units aren't "preferred" in classes selection
还没有人认领这个 Issue。
评估
调研方向
在 Chrome 中打开 DevTools，并在 2560px 窗口中复现提供的 HTML 和 Tailwind 类，然后在关闭 DevTools 后比较应用的 grid 类。当始终一致地选择适当的 min-* 类，并且基础 grid-cols 类不再在 DevTools 中覆盖它时，该 issue 即完成。
由索引模型根据 Issue 内容生成。
描述
I know it's a rare issue, but still, i think it's worth sharing.
Here is a component that displays a certain number of cards according to screen width (hence the precise numbers).
<div class="projects-cards mt-10 grid
max-w-full
grid-cols-[repeat(1,_minmax(273px,_1fr))]
min-[626px]:grid-cols-[repeat(2,_minmax(273px,_1fr))]
min-[1000px]:grid-cols-[repeat(3,_minmax(273px,_1fr))]
min-[1356px]:grid-cols-[repeat(4,_minmax(273px,_1fr))]
min-[1591px]:grid-cols-[repeat(5,_minmax(273px,_1fr))]
min-[1900px]:grid-cols-[repeat(6,_minmax(273px,_1fr))]
gap-11 pb-10"
id="projects-cards">
</div>
In the browser without DevTools, the min-* classes have higher priority: if my window width is 2560px, i'll have 6 rows.
But in Chrom with DevTools, the grid-cols-[repeat(1,_minmax(273px,_1fr))] is applied, whatever the actual window width.
- 主要语言
- 没有语言数据
- 星标
- 5
- 派生
- 0
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
beyondcode/devtoolsfortailwind-community 的其他 Issue
-
难度 4/5 3-5 天 新手友好度 25/100
-
难度 3/5 1-2 天 新手友好度 35/100
-
难度 4/5 3-5 天 新手友好度 25/100
-
难度 5/5 一周以上 新手友好度 35/100
beyondcode/devtoolsfortailwind-community#23 · 1 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 35/100
查看 beyondcode/devtoolsfortailwind-community 的全部 Issue
相似的 Issue
-
bug
难度 2/5 1-3 小时 新手友好度 75/100
stephrobert/dsoxlab#238 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 75/100
sublimehq/package_control#1780 ·
-
bug
难度 2/5 1-3 小时 新手友好度 75/100
typelevel/sbt-typelevel#929 ·
-
难度 2/5 1-3 小时 新手友好度 65/100
antfu-collective/icones#398 ·