我想知道如何使用浏览器窗口的大小相应地重新缩放图像，类似于these人在主页上拥有背景视频的方式。我有类似的工作视频，但在图像上应用相同的代码只是工作。
在width上同时拥有图片的height和100%是不可接受的，因为这会使图像超出比例。
非常感谢所有人的帮助！
请注意我在这里添加一个jsfiddle是完全不可能的，因为在这种情况下我必须将我的整个项目放在jsfiddle中。
答案 0 :(得分：2)
您可以使用各种background CSS属性（即background-size:cover;和background-position:center center;）对具有100％维度的元素执行此操作，如果这些属性也定义为{，则会填充浏览器{1}}和html，元素是直接的孩子。
body答案 1 :(得分：0)
如果是背景图片（如示例链接中所示），您可以使用：
background-size: cover;
否则如果img在HTML中，你可以给它一个100％的宽度，但是将高度设置为auto，这样它就能正常缩放。
width: 100%;
height: auto