html - flex/响应图像扩展到当前容器之外

Question

我正在使用此 ( http://webdesignerwall.com/tutorials/css-elastic-videos) 网站的一些代码来制作一个漂亮的“flex ”视频容器，该容器的大小可以适应我的响应式设计。

我正在寻找类似的东西，但使用图像。因此它根据设计调整大小，保持比例并允许它扩展到当前容器的边距之外。

我想我需要将图像包装在一个 div 中并以某种方式定位，但如果有人做过类似的事情，我只需要一些建议。确切的尺寸/等并不重要，重要的是它背后的过程。谢谢!

这是我想要完成的图像:http://i.stack.imgur.com/84KvA.gif

Answer 1

这样的事情怎么样:

img {
  max-width: 110%;
  margin: 0 -5%;
}