如何减少img大小

Question

在我的代码中，CSS不再有效，我应用于这些部分的CSS！

这张图片没有收缩，我错过了什么？

网站上的

：

在HTML代码中是：

<section  class="sec5 container">
   <div class="blockcontainer">
      <img src="img/campanha.jpg">
   </div>

在CSS中是：

.blockcontainer{
  width: 10%;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
 }

Answer 1

你的CSS中有错，

atom ~/.bashrc

.blockcontainer{ width: 10%; display: block; margin: 0 auto; box-sizing: border-box; } .blockcontainer img{ width: 100%; } 应更改为.block_container

Answer 2

试试这个：

 .blockcontainer img{
      width: 100%;
      display: block;
     }