一站式百度SEO排名优化!-找老刘博客 低投入,高转化,精益求精、一丝不苟:旨在提供更好的SEO服务!

首页>>前端开发

Img{ Max-Width:100%}影响百度地图呈现

首页 2022-09-21 前端开发 738 ℃Tags:


百度地图相信很多企业站都会使用,而写css的时候常会针对所有img设定max-width:100%,这会导致百度地图无法正常显示。如下图所示:

image.png

遇到以上问题,解决方法其实也很简单。如某些人不会设置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%。

搜索
分类
热门标签
  • 首页
  • 电话
  • QQ
  • 联系老刘手机
    1043025812
    联系老刘微信
    扫描微信二维码