如何更改图像的大小

Question

我正在尝试更改我的页脚中的图像大小，但每次我尝试更改页脚中的图像大小时，它总是从配置文件图像中获取代码。我忘了做什么？

<img src="marcos.jpg">

img {
    width: 300px;
    height: 300px;  
    display: block;
    margin: 0 auto;
}

<footer>
    <div id="firstDiv">
    <a href="https://www.linkedin.com/in/marcos-freire/">
     <img src="linkedin.jpg">
    </div>
    <div id="secondDiv">
     <a href="https://github.com/mfreire1996">
     <img src="github.png">
      </a>
    </div>
</div>



    </div>
</footer>

#firstDiv {
    height: 100px;
    width: 100px;
    float: left;
}

#secondDiv {
    height: 100px;
    width: 100px;
    float: right;
}

Answer 1

设置高度或宽度侧然后将另一侧设置为自动。

Answer 2

您的CSS属性可能会覆盖您为#firstDiv和#secondDiv设置的CSS属性。

请使用IE / Chrome中的开发者工具来获得更好的图片。

希望有所帮助。

Answer 3

检查库有时人们添加劫持样式的第三方脚本，我最近看到一个雇用我的雇主使用日历脚本并使用引导程序，这个原因有一些预先设定的样式，超过了我们公司的样式网站，主要应用于HTML选择器的样式。

CSS尝试将！重要标记添加到图像的高度和宽度CSS规则规定以下顺序需要预先确定：

浏览器样式表用户样式表作者样式表HTML样式表

然后它将从样式表决定它具有精确的CSS优先于其他CSS

最高优先级内联CSS ID类HTML选择器最低优先级

最终，这可以用！important伪覆盖

img#profile{
  height: 250px!important;
  width: 100px!important;
}

应该这样做