为了账号安全,请及时绑定邮箱和手机立即绑定

在IE浏览器下,vue项目上传服务器后样式与本地有差异怎么回事?

在IE浏览器下,vue项目上传服务器后样式与本地有差异怎么回事?

MMTTMM 2019-03-21 14:15:53
在一个vue项目中,ie11浏览器与360浏览器中,本地跑代码localhost:8080与在服务端ip地址上有差异,具体如下本地样式这个是正常的样式,本地跑的,ie11和360以及其他浏览器都没有问题,但是在服务端就变了如果我在服务端点击页面上任何一处地方或者是移入鼠标进入导航条区域就恢复了正常了以下是代码html<li class="col-md-2 offset-md-2 "><router-link to="/" class="sel index">首页</router-link></li>css.router-link-exact-active{background: #008fd7;color:  #fff3cd;}nav ul li .sel{display: inline-block;padding: 0 .3rem;}我尝试过清缓存,兼容等等,但是没有解决。但是我又觉得不是兼容问题,如果是兼容问题的话在本地就会出现样式问题,但是本地是好的,问题出现在服务器上的样式,我在服务端点击审查元素时候过程中,只要一点击页面就恢复正常了,也不方便查看样式,试了好多方法也没有解决,谁知道是怎么回事或者有解决的方法呢?万分感谢
查看完整描述

3 回答

?
三国纷争

TA贡献1804条经验 获得超7个赞

我改了写法,取消了padding,改写为宽度相对于父元素设置为百分比,这样本地样式与服务端样式一样了。之前尝试过import,并没有得到有效的解决


查看完整回答
反对 回复 2019-04-04
?
慕容708150

TA贡献1831条经验 获得超4个赞

先在浏览器上看看本地和线上的这个按钮的样式是不是一样的,另外看看是不是用了cssnano


查看完整回答
反对 回复 2019-04-04
  • 3 回答
  • 0 关注
  • 982 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信