网页背景图片如何自适应，不拉伸，不显示不全，+repeat

[lxk11153]

• 假设图片大小为: 20*20
• 屏幕 1: 200*300
  • 图片缩放至: 200*200, 竖向 repeat 一次（多出的部分不要）
• 屏幕 2: 300*200
  • 图片缩放至: 200*200, 横向 repeat 一次（多出的部分不要）

[codehz]

不就是 background-size: contain;？

[lxk11153]

应该是这个 background-size: contain; 但不知为何加在 body 上不行？
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

[yafoo]

你这需求比较特殊，估计纯 css 难以实现，还是配合 js 搞吧

[lxk11153]

@codehz #1
@yafoo #3 好吧，测试页面没加任何东西，导致 body height=0, 看不出东西。233