MapBox在Vue中顯示是樣式錯亂問題

在使用MapBox和Vue進行開發時，發現了一個問題，設置地圖容器寬高均爲100%，但是地圖的寬度卻只佔屏幕的一半大小，各類空間的位置卻非常正確。情況如下圖所示，在IE瀏覽器中卻正常顯示。  最後在經過多番查找發現，是CSS樣式的問題，在vue中引發了樣式問題 添加如下代碼就解決了： .mapboxgl-canvas { position: relative !important; }

>>阅读原文<<