Flexbox列裁剪图片（仅限iOS） [英] Flexbox column cropping image (on iOS only)

问题描述

1）我一直在开发一个使用flexbox CSS样式控制网站布局的网站。我一直在使用

可以在此处看到该网站： LINK

解决方案

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

  @media屏幕和（max-width：40em）{
 section.popup {
 overflow：auto; 
} 
} 
  

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

解决方案

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;
  }
}

这篇关于Flexbox列裁剪图片（仅限iOS）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！