веб-приложение на главном экране обрезает часть страницы в полноэкранном режиме

Во-первых, я должен сказать, что я новичок в этой теме кнопки домашнего экрана веб-приложения. Эти строки:

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

До сих пор у меня работало круто, но есть проблема, когда ориентация меняется с альбомной на портретную. Затем приложение вырезает только ту часть, где был хром браузера, и вместо этого оставляет белое поле с правой стороны. Странно, когда я запускаю в портретном режиме, а затем переключаюсь на альбомный, все работает так же, как и должно быть взад и вперед. Как этого избежать?

Большое спасибо за помощь

Гаравани


ios ipad orientation homescreen
person Garavani    schedule 24.08.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Следующий код решил мою проблему:

$(window).on('orientationchange', function() {
                    // only necessary for home screen use
                    // otherwise blank space is left where the adress bar was (on orientation change from landscape to portrait)
                    document.body.scrollLeft = 0;               
                } );
person Garavani    schedule 27.08.2014