通过CSS的图像大小

我在下面这行代码是关于一个响应站点的，
当没有图像时，我需要设置“无图像”类

<div class="row">
    <div class="column">
        <img id="first" width=275 height=385 src="flower-275x385.jpg" />
        <img id="second" width=275 height=385 class="no-image" src="blank-1x1.png" />
    </div>
</div>

<style>
    .row {
        width:400px ;
    }
    .column {
        width:50% ;
    }

    .column img {
        width:100% ;
        height:auto ;
    }

    .column img.no-image {
        background:red url(image-pending.jpg) no-repeat center ;
    }
</style>

.行{
宽度：400px；
}
.栏目{
宽度：50%；
}
.img列{
宽度：100%；
高度：自动；
}
.列img.no-image{
背景：红色url（image pending.jpg）无重复中心；
}

问题是空白图像总是显示为正方形
由于blank.png的自然大小为1x1。
似乎“高度：自动”重置或忽略HTML定义的大小（275x385），
这是一个供检查的文件，
如何在没有JS的情况下像第一张图像一样进行调整

---

编辑：我认为这只能通过JS操作来解决：，感谢您提供以下建议

现在，对于所有图像，请给出以下CSS：

img {background: url("no-image.png") no-repeat center center transparent;}

因此，通过这种方式，要加载的图像将不显示图像，然后那些没有图像的图像将显示：使用相同的技术。请检查此项。

您可以尝试：

.column img.no-image {
    background:red url(image-pending.jpg) no-repeat center ";
    height:385px;
}

---

如果我没有误解你的问题，我想你可以尝试使用css属性背景大小

<style>
.column img.no-image {
    background:red url(image-pending.jpg) no-repeat center; 
    background-size:275px 385px;
}
</style>

    <img id="second" class="no-image" src="blank-1x1.png" />

.列img.no-image{
背景：红色url（image pending.jpg）无重复中心；
背景尺寸：275px 385px；
}

如果您仍然必须在at html中编写宽度和高度的内联样式css，那么它不应该在您编写的大小之后添加“px”吗

---

对于一些更有用的文档，您可以浏览：）

不，定义静态值对我的情况非常不利。好的，那么为什么不将image-pending.jpg设置为385px的高度？因为有这么多不同大小的图像，385px只是用于该图像，对其他图像将毫无用处我没有得到您的方法，你能通过JSFIDLE展示吗？好的，给我一分钟…：）但它仍然是方形的，第二张图片必须与第一张图片大小相同：（@Digerkam发现了问题。现在检查：如果有第三张图片的高度是600px怎么办？我希望我能为这个问题悬赏：）