html - 在百分比 div 内响应显示图像

Question

我一直在努力寻找答案。当我调整百分比 div 元素窗口大小时，是否有任何可能的方法来响应显示图像元素？

CSS

div{
    width:60%;
    height:400px;
}
div > img{
    width:100%;
    height:100%;
    min-height:100%;
    min-width:100%;
    background:tomato
}

html

<div>
    <img src="" alt="" />
</div>

Fiddle

谢谢

Answer 1

用下面的代码替换你的样式，然后试试。

div > img {
  width: 100%;
  background: tomato;
}