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

Question

所以，我有以下权利

#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 Split View编辑器调整图像大小时，会自动发生这种情况。你看到这很烦人，因为它也改变了我的页脚 div 上的所有图像大小，(开始认为它改变了整个页面上的所有 img 大小)我的社交网络按钮最终变得巨大!当我调整页面正文中图像的大小时。

我想让我的社交媒体按钮变小，我的 body 图像大小由我设定，比如 255 像素 x 225 像素。

希望我能说得通。

此外，如果您需要，这是我的 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>

Answer 1

应该是

这将为 #footer

下的所有 images 设置样式

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