如何减小 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,

有误

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

.block_container应该改成.blockcontainer

Answer 2

试试这个：

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

How to reduce the img size