关于flex的问题

Question

老师，我遇到一个bug，就是快速点击向右的导航会发现右箭头的位置会有小幅度的偏移，仔细一看才发现右边的那个箭头有时并没有右对齐到整个nav-container里，会有大约1px的缝隙，是flex的space-between不起作用了吗？

我的解决方法是给导航栏的title增加这样的属性，问题是解决了，但造成问题的原因还是不清楚。

.title {
    font-size: 28rpx;
    flex: 1;
    text-align: center;
}

Answer 1

7七月 2019-09-18 05:39:28

flex应该是没问题的。是不是图片本身的问题？

• 提问者 慕函数2561564 #1

  图片本身也是没问题的，说来也很奇怪，为了验证这个问题的原因，我先是去浏览器里写了一套同样的代码验证了一下flex有没有问题，结果是没问题的。
  然后我就怀疑是微信开发者工具有问题，我又把这套代码运行到同事电脑上的微信开发者工具上去，结果在同事电脑上就没有任何问题。
  我和好几个同事看了很久，最后都没找出原因。哈哈，真实的程序员，出了错找不到原因，不过也无所谓啦，不是大问题而且有方案能解决。
  老师你看了一笑而过就好~

• 7七月 回复 提问者 慕函数2561564 #2

  我们做LinUI组件时，遇到很多高度宽度字体过小的微信会默认增加一些边距的情况，是为了防止触摸区域太小。