univue系列

h5网页tailwindcss部分手机样式有误

2025-01-14  本文已影响0人  litielongxx

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引入。

上一篇 下一篇

猜你喜欢

热点阅读