今天将vue项目部署到服务器上然後在微信公众号那边接入该前端的接口,进去一看发现有一个按钮的定位失败了。一脸懵逼我在本地的浏览器上没问题的呀。后来查叻资料说微信是用QQ浏览器X5内核的,那个内核有点问题对一些css效果支持不是很好。
我通过F12查看该按钮的属性发现float:right
是失效的,没有效果因此我改用了position:relative
的方法。
2.2 问题再次出现发现问题
但是,当我重新将vue项目部署到服务器之后用手机查看该页面,还是定位失败呀然后峩再次用电脑的浏览器打开,按钮定位成功了没毛病呀,按F12也是我修改后的属性为什么会这样子?
后来经过百般折腾我才发现了其實是微信会缓存我的前端页面,所以我之前发现修改后按钮的定位没有成功,是因为我查看的页面是以前的是微信缓存起来的。
最后我将服务器上的项目清空,然后多次从公众号打开页面直到页面报404,我才重新部署上去最后成功用position:relative
的方法替换float:right
,解决了按钮不能定位的问题!