Img{ Max-Width:100%}影響百度地圖呈現

百度地圖相信很多企業站都會使用，而寫css的時候常會針對所有img設定max-width:100%，這會導致百度地圖無法正常顯示。如下圖所示：

遇到以上問題，解決方法其實也很簡單。如某些人不會設置max-width就不會出現，而我并不想針對每一個img單獨去設定，所以需要針對百度地圖，去掉max-width聲明即可。

延伸：

width:100% 和 max-width:100%的區別：width: 100%是將所有指定元素的寬度 拉伸或收縮到和父元素的寬度一致，而max-width: 100%則是如果指定元素的寬度不超過父元素的寬度，則大小不變，如果超過了父元素的寬度，則將寬度收縮為父元素的寬度。

所以，出現上面問題的原因是我將圖片設置成max-width:100%，而這個圖片寬度未超過父元素的寬度，大小不變，因此這個圖片比它上面的遮罩要窄了一截。

總結：掌握width:100% 和 max-width:100%的區別，當max-width:100%未超過父元素寬度而導致無效的時候，把圖片設置成width:100%。