css保持图片宽高比

图片设定好100%的宽度(图片是红框外的那个swiper-img)以后,查看高比宽大概是31.25%的比例,于是将swiper的包裹组件.wrapper的属性设置为如下,则div的高度就被拉伸至那么高,即高度相对于宽度会被撑开31.25% 在页面图片动态加载时wrapper可以被撑开,解决页面图片尚未加载出来时div高度为0的问题

注意wrapper的高度要设置为0,不能将wrapper的高度直接设置到31.25%
保持图片宽高比
如要简写,可以将红框内的属性设置为height:31.25vw,不过可能有些浏览器不兼容

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-03
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2020-10-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-09-26
  • 2021-11-04
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案