css - Flexbox 列裁剪图像(仅限 iOS)

Question

1) 我一直在开发一个使用 flexbox CSS 样式来控制网站布局的网站。我一直在使用 FLA Framework写这个网站 - 与facebook.design相同.

Firebug 和 Chrome Inspector 显示代码布局没有问题，但是在移动 iOS Safari 和 Chrome 上，当使用 flexbox order 时，图像会被裁剪。 (据我所知)。

我已采取的解决此问题的步骤是将 -webkit-order: x; 添加到样式表，但这没有任何效果。

可以在这里看到网站:LINK

Answer 1

我没有 iOS 设备所以无法检查这个，但是你检查过将移动设备的溢出属性更改为自动吗？

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