文章讲述了在使用Vue3、Vite2和TypeScript开发的项目中，遇到在360急速浏览器上传功能失效的问题，原因在于CSS的inset属性不被老版本Chrome内核识别。通过在vite.config.js中将CSS编译目标设为Chrome83，解决了兼容性问题。
项目技术背景：使用了最新的vue3、vite2、TypeScript等主流技术开发的项目；
在谷歌浏览器、360急速浏览器X中，点击上传按钮，弹框正常显示；
问题：在360急速浏览器中，点击上传按钮，弹框无反应；
Vite默认会按照es2020标准来编译；
CSS中如top: 0; right: 0; bottom: 0; left: 0;会被编译成inset: 0;
由于360极速浏览器等部分浏览器采用的Chrome内核比较老，不识别inset，无法正常显示；
解决办法：
vite.config.js中配置css的编译目标，直接设置成主流浏览器版本比如chrome83；
完美解决问题~
cssTarget: 'chrome83',
2135
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
