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

嘗試過！不幸的是，沒有工作 –

回答