Background-image 100%

                              
<div id="wrap">          
  <div class="container type01">
      <div class="textBox">
          <div class="imgDiv"></div>
      </div>
  </div>
  <div class="container type02">
      <div class="textBox">
          <div class="imgDiv"></div>
      </div>
  </div>
</div>

                              
.container{
    &.type01{
      .imgDiv{background-size: cover;}
    }
    &.type02{
        .imgDiv{background-size: 100% 100%;}
    }
    +.container{margin-top: 50px;}
}
.imgDiv{height: 600px; background-image: url("../images/common/1903x600.png"); background-repeat: no-repeat;}

                              
.imgDiv {
    height: 600px;
    background-image: url("../images/common/1903x600.png");
    background-repeat: no-repeat;
}

.container.type01 .imgDiv {
    background-size: cover;
}

.container.type02 .imgDiv {
    background-size: 100% 100%;
}

.container + .container {
  margin-top: 50px;
}

다운로드

Esc 혹은 우측 상단 X 버튼을 눌러 결과창을 닫을 수 있습니다.

Background-image 100%

background-size cover

background-size 100% 100%