<web-view src="https://tailwindcss.com/docs/installation/using-vite"></web-view>
直接打开 tailwindcss 的官方主页就只能看到问题
内核是 safari 17 兼容性肯定是没有问题的
另外在微信聊天框中打开网址是没啥问题的
"Mozilla/5.0 (iPhone; CPU iPhone OS 17_0_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0.1 Mobile/21A360 Safari/604.1 wechatdevtools/1.06.2503290 MicroMessenger/8.0.5 Language/zh_CN webview/5906_5 webdebugger miniprogramhtmlwebview miniProgram port/39786"

研究半天发现了,webview的浏览器根据机型版本各异,但是webview内核webkit都被固定在了605.1.15. 这个版本是不支持@layer css规则的,而v4是使用layer来构建样式的。所以不显示。我是用户很多,所以真机也会有一些ios用户反映,页面不对,也就是不支持,盲猜也是因为没更新ios版本,所以webkit版本太低。
这个问题还没有解决啊,常见的很多css库都不行,我感觉应该是这个webview的内核很老。微信开发者工具中的webview内核。真机是没有问题的。
还没解决
请问解决了吗?我也遇到。
确实,样式都是乱的