justify-content: right失效，电脑浏览器没事，移动端真机不行

项目场景：

本来是一个很简单的场景，让一个flex的子元素居右显示，按照习惯，直接用了justify-content:right属性，完事。后来测试说位置不对，我一看，竟然跑到左边去了
正确的是下方图片，在右边的位置

解决方案：

试了好一会的问题，才发现是是要这样写：justify-content: flex-end；把right改成flex-end—完美解决，电脑也没问题，手机真机也没问题

.userBannerContainer_noneStatus{
margin-top: 10px;
display: flex;
justify-content: flex-end;
align-items: start;
}