如何减少img大小

时间:2018-03-05 15:10:09

标签: html css html5 sections

在我的代码中,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;
 }

2 个答案:

答案 0 :(得分:0)

你的CSS中有错,

atom ~/.bashrc

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

答案 1 :(得分:0)

试试这个:

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