css - CSS translateY 和 ZOOM 导致 div 之间的间隙

Question

复制步骤

在 Chrome 中打开https://codepen.io/rohinikumar4073/pen/jOPPrWr并放大到125% 可以观察divs. translate这些差距没有出现0px

  <div class="tree" style="transform: translateY(50px);background:red;">
  
    <div style="background: rgb(229, 213, 232);">
     Kamquats
    </div>
    <div  style="background: rgb(229, 213, 232);">
    Lemons
    </div>
   </div>

放大到 125% 并出现背景红色

标签： css