如何使用 css 添加背景图像而不复制图像

Question

I want to make login form using hmtl, css and one function with javascript, but when i add image url to my body class in css i get displayed few images instead of one that fits the whole screen size. Any solution?

[enter image description here][1]

Answer 1

how are you adding the image, with background-image ? You could try to add also background-size: cover , which will scale the image (while preserving its ratio) to the smallest possible size to fill the whole container.

example

body {
    background-image: ...
    background-size: cover;
}

You can read more about it here