- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想让字体大小响应,但它不适用于 font-awesome。
如何让 xl:fa-3x
在 tailwindcss 上运行?
<i class="fas fa-pencil-alt fa-lg xl:fa-3x"></i>
谢谢
最佳答案
这是我的解决方案,您需要使用 tailwindcss responsive design与 tailwindcss 混合 font size像这样:md:text-6xl
,记得正确连接到你的项目 fontawesome
和 tailwindcss
祝你好运;-)
示例代码片段:
<i class="fas fa-pencil-alt text-xs text-black sm:text-3xl md:text-6xl"></i>
<head>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body class="h-full">
<div class="flex items-center justify-center h-screen">
<i class="fas fa-pencil-alt text-xs text-black sm:text-3xl md:text-6xl mr-5"></i>
<i class="fab fa-font-awesome-flag text-xs text-black sm:text-3xl md:text-6xl"></i>
</div>
</body>
关于使用 tailwindcss 的超棒字体响应大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69950476/
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
我正在开发一个 rdp 虚拟 channel 应用程序。我已经在注册表中注册了客户端 dll 并试图理解,客户端 dll 已加载。但是当从 pEntryPoints 调用 pVirtualChanne
是否可以通过 GPRS(USB 棒)绑定(bind)(聚合)多个连接并将其用作 Linux 中的一个链接? 最佳答案 技术上是可行的。 Linux 有一个名为 bonding 的模块它可以将多个接口(
我的主容器 div 可以刷新,所以它的内容被隐藏/显示。当我的容器 div 隐藏时,我的页脚会弹出。 html 结构如下所示: 注意我已经试过了: 而且它似乎不起作用,当隐藏容器 div 时,页脚 d
我有一个问题,我可以使用 wpa_suppli 进行无线连接 cant on some network, but i need to connect on a network where the SS
我是一名优秀的程序员,十分优秀!