响应式容器中的响应式图像？

Question

我如何获得这个响应式图像,或者应该是什么,以适应它嵌套的父级？

我已经应用了正确的CSS,我没有在HTML中定义任何宽度或高度.这是我的CSS.

.header {
    height: 25%;
    width: 95%;
    padding: 2.5%;
    background: #fff;
}
.header img {
    max-width: 100%;
    height: auto;
}

您可以在此处查看此问题:http: //www.client.noxinnovations.com/jensenblair/

大圆形图像？这应该是响应.

谢谢!

Answer 1

我可能在这里遗漏了一些东西,但是设置:

height:100%;

因为图像适合我...