2017-06-17 7 views
0

私は最後のウェブサイトで一度も見たことのない問題があります。 これはWordPressサイトで、私が作成したテーマにはこの問題がありました:iPad用サファリの壊れたサイト

サイトのヘッダー(header.phpファイルの内容)のみが表示されるIpadのサファリを除いて、すべてのナビゲーターとデバイスで問題なく動作します。

私は何が起こっているのかを説明する必要がありますか、デバッグツールが存在するかどうかを教えてくれるかもしれません(私はWindows上で開発しています。

ウェブサイトのデモがあります。http://sylvain-galoustoff.com/delim/ 必要に応じて、自分のテーマをgitHubにアップロードすることもできます。

ご協力いただきありがとうございます。

答えて

1

あなたが使用しているdisplay: flex;のプロパティは、デフォルトでdisplay: -webkit-box;になっていて、いじるようなものです。

enter image description here

どこでもあなたがdisplay: flexを呼び出し、あなたもdisplay: -webkit-flex;を呼び出すことになるでしょう。フレキシボックスの詳細についてはReference

とサファリsee here

+0

はあなたにライアンをありがとう、私は-webkit-ボックスはフレックス用Safariの同等だったことを考えていました。 私はこれを確認し、私はあなたに伝えます。 iPhoneとIpadではうまく動作するとはまだ混乱しています。 – Sylvain71710

+0

もう1つ:サファリiOSでどのようにデバッグしますか?そのスクリーンショットをどうやって取得しましたか? – Sylvain71710

+0

クロスブラウザ/モバイルテストには[BrowserStack](https://www.browserstack.com)を使用します。ここでは、サイトが[iPhone 6S](http://i.imgur.com/xNeSZdj.jpg)にどのように表示されるのかを示しています –

関連する問題