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 psuedo

覆盖

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

应该这样做

如何更改图像的大小

3 个答案: