And Design5 360安全浏览器样式错乱问题解决

在项目开发中,客户反映页面样式错乱问题,经查是 360安全浏览器,使用了较老的 Chrome 内核所致。

And Design5 360安全浏览器样式错乱问题解决 经验总结 第1张

antd5 使用了很多比较新的 CSS 选择器,而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱。

解决方法

根据官网介绍,可以采用 样式兼容  方案对旧版本浏览器进行兼容。

但使用此方案没有解决问题,可能是因为该方案只针对 where选择器,逻辑属性等进行降级处理,没有解决样式混乱的问题。

于是从 antd 依赖中手动复制并引入了 antd4 的全局样式文件 antd.css 。

And Design5 360安全浏览器样式错乱问题解决 经验总结 第2张

存在的问题

引入的 antd 样式文件,会覆盖一些全局样式,需要手动将这些影响属性删除,或者覆盖。

还可能有一些不易发现的样式冲突,发现后看是否需要删除或者覆盖。

总结

项目使用 antd5 且要兼容旧版本浏览器,项目初始化时加上 antd4 的样式文件,并做处理。


本文关键词:antd5样式兼容问题、antd5兼容旧版本浏览器、antd5样式兼容、antd5兼容360浏览器、antd5兼容360安全浏览器

未经允许不得转载:前端资源网 - w3h5 » And Design5 360安全浏览器样式错乱问题解决

赞 (1)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)