vue+element在手机uc浏览器中的样式bug解决

在使用Vue结合Element UI开发项目时,作者遇到在UC浏览器中背景颜色显示异常的Bug,此问题在其他浏览器中未出现。通过调整CSS应用位置及引入额外的Element UI组件,成功解决了这一仅在UC浏览器中出现的诡异问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近用vue+element写一个项目,一切挺顺利的,但是测试的时候用uc,夸克等浏览器有一个怪异的bug,其他浏览器正常.
奇怪的是明明写了背景颜色,但就是出不来,有时候背景颜色只出来一部分,
审查元素,背景颜色也是正常的,没有被覆盖掉,
更怪异的是滑动一下页面或者刷新一下页面,甚至点一下空白处,样式就出来了,真是奇葩的bug
我的解决办法:背景颜色直接因为是div套el-row,背景颜色卸载div上,uc出bug,所以直接把背景颜色写在el-row上了
还有一个没有套el-row标签,不光背景颜色没有,连文字也没有,这个bug我是直接在div外面套了个el-row>el-col
具体原因不太清楚,反正这样就好了

ps:uc浏览器电脑版,开发者模式调为移动端,可以重现手机上的bug,一毛一样,但是你随便点一下任意位置,bug就消失了,所以也没有办法调试,估计是浏览器内核的问题

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值