Веб-просмотр случайно не корректируется после изменения ориентации на iOS

Question

При изменении ориентации устройства iOS содержимое Webview не всегда адаптируется к новой ориентации. Он обрезается до ширины пространства, которое он занимал в предыдущей ориентации. Снимок экрана ниже

При изменении ориентации я называю событие смены ориентации

evalJavascript("var e= document.createEvent('Events');" +
    "e.initEvent('orientationchange',true, false); document.dispatchEvent(e)");

В HTML У меня есть метатег viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=1" />

Что интересно, этого не происходит с другими страницами, такими как домашняя страница New York Times, которую я загружаю локально. Есть идеи, в чем может быть проблема?

Answer 1

Поместите этот код HTML в заголовок вашего сайта:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device- width, height=device-height">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Это должно гарантировать, что ваш сайт доступен для мобильных устройств.