使用css以全屏宽度显示小图像。

使用css以全屏宽度显示小图像。,css,Css,我有以下css: .image{ background: url('image.png') no-repeat; width:100% } 我的图片尺寸很小,我希望这张图片可以在全屏上重复播放。请帮我解决这个问题 谢谢 使用背景尺寸:封面。。。但请记住,如果它是一个小的图像-然后通过拉伸它,产生的背景质量可能会很差 CSS 重复还是不重复?不重复。 div { background: url('http://lorempixel.com/400/200/food') no-repea

我有以下css:

.image{
background: url('image.png') no-repeat;
width:100%
}
我的图片尺寸很小,我希望这张图片可以在全屏上重复播放。请帮我解决这个问题


谢谢

使用
背景尺寸:封面。。。但请记住,如果它是一个小的图像-然后通过拉伸它,产生的背景质量可能会很差

CSS
重复还是不重复?不重复。
div {
    background: url('http://lorempixel.com/400/200/food') no-repeat;
    width:100%;
    height: 100vh;
    background-size: cover;
}