我想拥有类似facebook的封面，在这个社区中遇到了this jsfiddle。
.cover { width: 100%; height: 180px; overflow: hidden; background-color: black; }
.cover > img { position: relative; width: 100%; top: 50%; margin-top: -50%; }
但是，当我在响应模式下看到封面图像时，图像会自动调整！也就是说，在桌面模式下，bycycle驾驶员的头部没有显示，但是在其他小型设备模式下，驾驶员的头部可见。
题：
如何制作像Facebook这样的稳定且反应灵敏的封面图片？
附注：请注意，用户将像facebook一样修改封面图像的视点！
最佳答案
您可以尝试使用background-image代替，因此可以设置：
background-size: cover;
background-position: center;
这将拉伸图像以填充整个元素而不会丢失比率。
请参见Updated Fiddle
关于html - CSS封面图片，无需重新调整，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42910581/