如何让图像填满整个屏幕（注意下面有东西 - 把它想象成填满整个屏幕的页面中的标题）但保持其宽高比，要么超出宽度，要么过度填充在高度上。
我以为会：
<img class="w3-image" src="./images/img1.jpg" style="min-width:100vw; max-height:100vh; background-position: center; background-repeat: no-repeat;" />
但这不起作用。宽高比失败。
答案 0 :(得分：1)
将其作为背景插入元素，而background-size: cover;和元素height: 100vh。
答案 1 :(得分：0)
基本上你可以使用
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
min-width: 100vh;
http://codepen.io/powaznypowazny/pen/apeVXg
希望有所帮助：）