ios share.html,html – 空间的Justify-content值 – 不适用于iOS Chrome和Safari浏览器

其他SO帖子

like this并没有解决我们在iOS Chrome和Safari浏览器上使用proty-content的问题.使用空格间隔值时,内容在父容器中不均匀分布.

从this JSFiddle可以看出,justify-content属性在桌面上按预期工作,但在移动设备上不能.

我们在iOS 8.x上尝试过Chrome和Safari,并且都没有均匀地分发孩子.

码：

GET

#app_page { width: 100% }

#app_page .button_box {

width: 100%;

box-sizing: border-box;

display: flex;

justify-content: space-between;

}

#app_page .button_box .download {

vertical-align: top;

background: black;

width: 36px;

height: 36px;

line-height: 36px;

display: inline-block;

color: #fff;

}

#app_page .button_box .share_icon {

cursor: pointer;

display: inline-block;

background: black;

height: 36px;

width: 36px;

}