深圳網絡公司創絡在爲某些客戶集成開發百度地圖接口時,偶爾會遇到地圖陰影(yǐng)顯示不正常的情況,通過對網站(zhàn)源碼的分(fēn)析,我們發現這是上級元素控制了圖片尺寸造成的。問(wèn)題找到了,就(jiù)可(kě)以很容易的處理(lǐ)。首先來(lái)看(kàn)下有問(wèn)題的樣子,我們通過在CSS樣式表文件(jiàn)中故意加入引起錯的代碼(max-width: 20px;),重現了錯誤情形。大(dà)家可(kě)以看(kàn)到,地圖的陰影(yǐng)縮到了一團,這讓地圖看(kàn)上去(qù)非常的不自(zì)然。
現在我們把該代碼删除,地圖即可(kě)恢複正常的樣子,這下看(kàn)上去(qù)好多了。注:下圖切換至了3D視覺模式,陰影(yǐng)一樣有效。
本文爲大(dà)家解釋的是一個十分(fēn)基礎的網站(zhàn)前端知識點,無論你(nǐ)是在維護網站(zhàn),還(hái)是在學網站(zhàn)前端,隻要留心用心,幾乎所有問(wèn)題都(dōu)可(kě)以解決。如(rú)果大(dà)家在平時維護網站(zhàn)的時候遇到問(wèn)題,可(kě)随時聯系客服代表,創絡将爲大(dà)家提供及時技術(shù)服務。