在Safari的破碎网站仅适用于iPad

Question

I have a never seen problem on my last website. It's a WordPress site and the theme I made had this problem :

It works fine on all navigators and devices, except on safari for Ipad where only the header of the site (content of the header.php file) is displayed.

I need some one to explain me what is happening there, or may be tell me if debug tools exist (i dev on windows, and i've got an iPad at home).

A demo of the website is there : http://sylvain-galoustoff.com/delim/ I can also upload my theme on gitHub if needed.

Any help is welcome, thank you.

Answer 1

The display: flex; property you're using looks like it's defaulting to display: -webkit-box; and screwing things up.

Anywhere you call display: flex, you'll also want to call display: -webkit-flex;. Reference

For more info on flexbox and safari see here