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

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

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

形如：

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

好吧，廢話不多說(shuō)了，我們來(lái)說(shuō)一下這次遇到這個(gè)問(wèn)題的原因。

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

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

由于CSS在初始化的時(shí)候，給了一個(gè)img的屬性為：

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

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

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

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