フレックスボックスコラム画像（iOSのみ）

1）フレックスボックスCSSスタイルを使用してサイトレイアウトを管理しているサイトを開発しています。私はこのサイトを書くのにFLA Frameworkを使っています - facebook.designと同じです。フレックスボックスコラム画像（iOSのみ）

FirebugとChrome Inspectorではコードのレイアウトに問題はありませんが、モバイルiOS SafariとChromeではflexbox orderを使用しているときに画像が切り取られています。（私の知る限り）。

これを解決するために取り組んだ手順は、スタイルシートに-webkit-order: x;を追加することですが、これは効果がありません。

ウェブサイトはここで見ることができます：LINK

出典

2016-12-16 Luke C

問題を再現する最小限の作業コードスニペットを投稿してください。外部リソースへのリンクは消滅する傾向があり、そのような質問は今後のユーザーにとっては役に立たないでしょう。また、完全なWebサイトを解析して問題を見つけ出す必要もありません。 – LGSon

私はできるが、コードが依存しているフレックスフレームワークを使用しているときには厄介である。私はちょうど上と下のコードを削除し、フィドルを再投稿します。私は本当に同じことを経験し、修正を見つける他の誰かがいるかどうかを確認するために魅力的です。これはフレームワークの有無にかかわらず発生しましたが、iOSデバイスでしか複製できません。ブラウザや火元爆発ではうまくいきます。 –

私はこれをチェックするようにできないiOSデバイスを持っていますが、モバイルデバイス用に自動にoverflowプロパティを変更するにはチェックしていませんか？

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

出典

2016-12-17 15:31:40

これを試してみてください！残念ながら、動作しませんでした –

フレックスボックスコラム画像（iOSのみ）

答えて

関連する問題