tailwind-css - 从 css 到“vw”和“50%”的顺风转换，以在流中包含图像

Question

我想在顺风中重现：https ://codepen.io/chriscoyier/pen/xOjaYA 特别是这部分代码：

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

知道如何实现这一目标吗？

标签： tailwind-css

Answer 1

如果你在你的tailwind.config.jsmode: 'jit'中启用，你可以使用任何你想要的 css 而无需更改配置。

例如： className="m-[-50vw] w-[100vw]"

更多详情：https ://tailwindcss.com/docs/just-in-time-mode