Flexbox列裁剪图像（仅限iOS）

1）我一直在使用flexbox CSS样式开发一个站点来控制站点布局。我一直在使用FLA Framework来写这个网站 - 和facebook.design一样。Flexbox列裁剪图像（仅限iOS）

Firebug和Chrome Inspector显示代码布局没有问题，但是在移动iOS Safari和Chrome浏览器中，使用flexbox order时图像会裁剪。（据我所知）。

我已采取的解决此问题的步骤是将-webkit-order: x;添加到样式表，但是这不起作用。

该网站可以在这里看到：LINK

2016-12-16 Luke C

发布重现此问题的最小工作代码片段。外部资源的链接往往会消失，当他们这样做时，这些问题对于未来的用户来说将毫无用处，同样，我们也不应该通过完整的网站来解析并找出问题。 – LGSon

我可以，但是当我使用代码依赖的flex框架时很棘手。我只想删除上面和下面的代码并重新发布小提琴。我真的很感兴趣，看看是否有其他人遇到同样的问题并找到解决办法。这发生在有或没有框架的情况下，但只能在iOS设备上复制 - 它在浏览器和萤火虫上看起来很好。 –

我没有iOS设备，从而无法检查这一点，但你有没有检查，以改变overflow属性为自动为移动设备？

@media screen and (max-width: 40em){ 
    section.popup{ 
    overflow:auto; 
    } 
}

2016-12-17 15:31:40

尝试过！不幸的是，没有工作 –

回答