浏览器缩放，伪类分离问题处理

Question

chorme浏览器缩放，伪类元素会分离，见下图中的小三角。

Answer 1

刚试了下浏览器缩放不会有间隙，楼主可以试下

html

<div class="box"></div>

css

.box{
  width: 200px;
  height:200px;
  margin:300px;
  position: relative;
  background: rgba(0,0,0,0.3);
  &::after{
    content: "";
    position: absolute;
    left:20px;
    top: -20px;
    width:0;
    height:0;
    display: block;
    border:10px solid transparent;
    border-bottom-color:rgba(0,0,0,0.3);
  }
}