大家好,這里是成都黑馬視覺品牌設(shè)計(jì),作為一家專業(yè)的龍華網(wǎng)站建設(shè)公司,我們今天要給大家分享的一個(gè)網(wǎng)站建設(shè)過程中遇到的一個(gè)特殊的問題。
眾所周知,在網(wǎng)站制作中, 我們很喜歡在聯(lián)系方式的欄目中插入網(wǎng)站地圖,而且是插入動(dòng)態(tài)地圖,如此一來,交互效果更強(qiáng),也讓用戶在訪問網(wǎng)站的過程中可以充分地拖動(dòng)地圖以方便他查看貴公司的具體地理位置。
那么今天黑馬視覺在給一家企業(yè)做網(wǎng)站開發(fā)的過程中,當(dāng)引入之前使用過千百回的百度地圖代碼之后,發(fā)現(xiàn)百度地圖也只顯示按鈕,不顯示圖片。
形如:
相信有不少小伙伴在網(wǎng)站制作中也遇到過類似的問題吧。我的印象中在以前也遇到過一次,但是由于時(shí)間太久,也忘記當(dāng)初是如何解決的這個(gè)問題了。
好吧,廢話不多說了,我們來說一下這次遇到這個(gè)問題的原因。
也許你的CSS就成了百度地圖顯示不出來的罪魁禍?zhǔn)帧?/p>
經(jīng)過幾翻努力和調(diào)試后發(fā)現(xiàn),原來是CSS的img屬性出了問題。
由于CSS在初始化的時(shí)候,給了一個(gè)img的屬性為:
img{max-width: 100%; max-height: 100%;}
正是這段代碼,讓百度地圖顯示不出來。我們將其刪除,可以讓它在這個(gè)頁面不要用這個(gè)屬性。
再看效果。奇跡出現(xiàn)了。
希望這一篇文章能幫助到您,我們這里是成都網(wǎng)站建設(shè)公司,黑馬視覺品牌設(shè)計(jì)。如果你有網(wǎng)站建設(shè)的需求,小程序的需求,設(shè)計(jì)方面的需求,歡迎聯(lián)系我們。