流体宽度徽标覆盖另一个图像

Question

我将放置一个图像where the header currently is here，并希望徽标仍然位于它现在位于左侧的绝对位置，但要减少高度：自动处于流体宽度..

怎样才能做到最好？我需要给图像容器一个％宽度吗？中间横幅是流动的，但由于某种原因，我不能让徽标流畅地减少..

如果有人可以检查检查员？任何帮助非常感谢。

Answer 1

将width:100%与max-width: [width of img]（以及height:auto）

一起使用

example jsfiddle