放大和缩小时如何使响应。应该一样

Question

我为屏幕尺寸的12％设置了CSS，但是当我放大150％时，html的内容溢出了。

.test-width{
    width: 370px;
}
.test-padding {
   padding-left: 0px;
}
.colwidth {
   width: 150%;
}

<div class="colWidth test-padding">
     <div class="card-header cardHeaderStyle test-width">
         <h4 class="justify-cardheader-center">Base Cohort</h4>
      </div>
</div>

当我放大或缩小内容时，应该响应