移动端页面横向方向挤出来了白边

出现下面的情况一定是某一个的宽度给挤得

我的原始代码
  width: 100%;
  height: 20vh;
  line-height: 8vh;
  padding: 0 0 0 3%;
  background-color: #fff;

是我设了个padding之后，把宽度挤出去了，这时候加 box-sizing就可以了

    width: 100%;
    height: 20vh;
    line-height: 8vh;
    padding: 0 0 0 3%;
    background-color: #fff;
    box-sizing: border-box;