大家好，這里是成都黑馬視覺品牌設(shè)計，作為一家專業(yè)的龍華網(wǎng)站建設(shè)公司，我們今天要給大家分享的一個網(wǎng)站建設(shè)過程中遇到的一個特殊的問題。

眾所周知，在網(wǎng)站制作中， 我們很喜歡在聯(lián)系方式的欄目中插入網(wǎng)站地圖，而且是插入動態(tài)地圖，如此一來，交互效果更強，也讓用戶在訪問網(wǎng)站的過程中可以充分地拖動地圖以方便他查看貴公司的具體地理位置。

那么今天黑馬視覺在給一家企業(yè)做網(wǎng)站開發(fā)的過程中，當(dāng)引入之前使用過千百回的百度地圖代碼之后，發(fā)現(xiàn)百度地圖也只顯示按鈕，不顯示圖片。

形如：

相信有不少小伙伴在網(wǎng)站制作中也遇到過類似的問題吧。我的印象中在以前也遇到過一次，但是由于時間太久，也忘記當(dāng)初是如何解決的這個問題了。

好吧，廢話不多說了，我們來說一下這次遇到這個問題的原因。

也許你的CSS就成了百度地圖顯示不出來的罪魁禍?zhǔn)帧?/p>

經(jīng)過幾翻努力和調(diào)試后發(fā)現(xiàn)，原來是CSS的img屬性出了問題。

由于CSS在初始化的時候，給了一個img的屬性為：

img{max-width: 100%; max-height: 100%;}

正是這段代碼，讓百度地圖顯示不出來。我們將其刪除，可以讓它在這個頁面不要用這個屬性。

再看效果。奇跡出現(xiàn)了。

希望這一篇文章能幫助到您，我們這里是成都網(wǎng)站建設(shè)公司，黑馬視覺品牌設(shè)計。如果你有網(wǎng)站建設(shè)的需求，小程序的需求，設(shè)計方面的需求，歡迎聯(lián)系我們。