在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 在IE瀏覽器下,vue項目上傳服務器后樣式與本地有差異怎么回事?

在IE瀏覽器下,vue項目上傳服務器后樣式與本地有差異怎么回事?

在一個vue項目中,ie11瀏覽器與360瀏覽器中,本地跑代碼localhost:8080與在服務端ip地址上有差異,具體如下
本地樣式圖片描述

這個是正常的樣式,本地跑的,ie11和360以及其他瀏覽器都沒有問題,但是在服務端就變了
圖片描述

如果我在服務端點擊頁面上任何一處地方或者是移入鼠標進入導航條區(qū)域就恢復了正常了
以下是代碼

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;

}
我嘗試過清緩存,兼容等等,但是沒有解決。但是我又覺得不是兼容問題,如果是兼容問題的話在本地就會出現(xiàn)樣式問題,但是本地是好的,問題出現(xiàn)在服務器上的樣式,我在服務端點擊審查元素時候過程中,只要一點擊頁面就恢復正常了,也不方便查看樣式,試了好多方法也沒有解決,誰知道是怎么回事或者有解決的方法呢?萬分感謝

回答
編輯回答
筱饞貓

先在瀏覽器上看看本地和線上的這個按鈕的樣式是不是一樣的,另外看看是不是用了cssnano

2017年3月8日 15:22
編輯回答
傻丟丟

應該是樣式權重問題,打包后樣式權重變了,導致的不一樣。你看下對某些地方的樣式重寫,特別是公共樣式,最好加上!important.

2018年5月28日 13:33
編輯回答
款爺

我改了寫法,取消了padding,改寫為寬度相對于父元素設置為百分比,這樣本地樣式與服務端樣式一樣了。之前嘗試過import,并沒有得到有效的解決

2017年2月14日 20:19