css - 如何使用CSS调整网站上的图像大小

Question

我有一张 1400 像素 x 660 像素的图像，希望它能够覆盖浏览器窗口的整个宽度和高度，而不必滚动到视口(viewport)之外。我如何使用 css 来控制尺寸来实现这一点？

Answer 1

body{
margin: 0;
}
img{
min-width: 100vw;
min-height: 100vh;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

<img src="http://lorempixel.com/1400/660/nature/" alt="">