Flexbox column cropping image (on iOS only)

问题

1) I have been developing a site using flexbox CSS styling to control the site layout. I have been using the FLA Framework to write this site - same as facebook.design.

Firebug and Chrome Inspector show no issues with the layout of the code, however on mobile iOS Safari and Chrome, the images are cropping when the flexbox order is being used. (as far as I can tell).

Steps I have taken to resolve this are to add the -webkit-order: x; to the stylesheet however this has no effect.

The website can be seen here: LINK

回答1:

I don't have a iOS device so unable to check this, but have you check to change the overflow property to auto for mobile devices?

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

来源：https://stackoverflow.com/questions/41189161/flexbox-column-cropping-image-on-ios-only