javascript - 如何使div在该div中具有相同的图像尺寸？但整个网站上所有图片的大小仍然一致吗？

所以，我有以下权利

#footer {
    clear: both;
    font-size: .84em;
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
    text-align: right;
}

我想要一种使该div下的所有图像具有一定大小的方法。

但是我的CSS代码确实有这个

img {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    height: 54px;
    width: 57px;
}

当我使用Visual Studios拆分视图编辑器调整图像大小时，这会自动发生。您会发现这很烦人，因为它也更改了页脚div上的所有图像大小（（开始认为它会更改整个页面上的所有img大小）），我的社交网络按钮结了很多！当我调整页面正文中图像的大小时。

我想保持社交媒体按钮较小，并且我的身体图像的大小由我设置，例如255px x 225px。

希望我有某种意义。

另外，如果您需要它，这是我的html

<div id="footer">
        <p>&copy; Copyright 2014 Music Club &minus; Design: Jade Powell</p>
        <img src="/images/facebook128.png" alt="Facebook" />
        <img src="/images/twitter128.png" alt="Twitter" />
        <img src="/images/google128.png" alt="Google" />
    </div>

最佳答案

应该

这将为images下的所有#footer设置样式。

#footer img {
  border-style: none;
  border-color: inherit;
  border-width: 0;
  height: 54px;
  width: 57px;
}