企业微信项目开发过程中,为了防止文章详情的样式冲突使用了shadowDOM做DOM隔离,但在上线后用户反馈样式存在失效的问题。排查问题时发现只有个别的机型会出现该问题,最终定位到由引入样式的方式导致的问题,在win版PC端客户端下,使用link方式引入的样式不会生效。

更改前写法如下:

<link rel="stylesheet" href="/style.css"/>

经测试,style标签方式引入可以正常执行。更改后写法如下:

<style>@import "/style.css";</style>