tailwindcss是类似原子化css,只需书写 HTML 代码,无需书写 CSS,即可快速构建美观的网站
类似uniapp中uview行内编写,优势一个是减少重复css和量的问题,另外解放部分样式书写。
https://www.tailwindcss.cn/
实现原理
通过js动态生成最终的css文件,一般用在npm搭配中也可以直接cdn引入。
//js 方式一
<script src='https://tailwindcss.com'></script>
css
// link css直接方式二
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"></script>
部分机型可能app中或webview内核问题,对于动态加载js再添加css支持一般导致不显示正确样式
1 可以直接方式二,直接引入最终的css cdn处理。
2 或者高于2.2.19暂无或未找到最新cdn,则可以页面f12-元素,直接找到style标签手动引入最终生成版,注释掉原先的js引入。