iPad в портретном режиме игнорирует CSS

Question

Когда я захожу на этот сайт WordPress, я строю на iPad в портретном режиме, iPad полностью разрушает мои CSS стили. Что я делаю не так?
Вот изображение iPad:

Вот изображение сайта в режиме разработчика Google Chrome в тех же размерах, что иiPad:

Я пытался использовать этот CSS, чтобы заставить версию iPad выглядеть нормально:

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){
#wrapper { width: 100%!important;  margin: 0!important; }
section {position:relative!important;}
}

У меня также есть эти мета в заголовке:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

РЕДАКТИРОВАТЬ:
Я обнаружил, что проблема с IOS 9.3 и до IOS 10.3

Answer 1

Я нашел решение проблемы !!
Мне просто нужно добавить следующее в мой CSS:

-webkit-flex: 0;
  flex-shrink: 0;