如何将图像拉伸到 VH 和/或 VW（实际上是拉伸）

Question

Basically I have a decorative background image which I want to constantly stretch to the background of the site. No cropping or care given to aspect ratio. Is there a custom velo code for this?

Hoping for a plug and play solution. Will buy coffee.

Answer 1

---

Full page background in 2 lines of css.

 body { background-image: url("https://149351115.v2.pressablecdn.com/wp-content/uploads/2017/12/SO_Announcement-1200x675.png"); background-size: cover; }

---

If you want it to stretch so, whole image can is visible, then:

 body { background-image: url("https://149351115.v2.pressablecdn.com/wp-content/uploads/2017/12/SO_Announcement-1200x675.png"); background-size: 100% 100vh; }