使用css以全屏宽度显示小图像。
我有以下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
.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;
}