1.容器空间小于图片

space 背景图不会产生缩放,会被裁切
背景图片设置:background-repeat的space和round属性
round 将背景图压缩至容器大小
背景图片设置:background-repeat的space和round属性

2.容器大于背景图

space 在不缩放的前提下尽可能多的重复图片 ,不足的空隙均分(类似于flax布局中的content-between)
背景图片设置:background-repeat的space和round属性
round 充分利用容器空间,重复n次之后(x/y轴方向)如果剩余空间大于等于imgWidth*50%则重复第n+1次,否则拉伸已经重复的背景图
背景图片设置:background-repeat的space和round属性

相关文章:

  • 2021-09-04
  • 2021-12-04
  • 2021-12-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-01
  • 2021-10-31
猜你喜欢
  • 2021-09-19
  • 2022-12-23
  • 2021-11-19
  • 2022-02-10
  • 2021-04-12
  • 2022-12-23
  • 2021-12-10
相关资源
相似解决方案