Проблема ориентации экрана на странице с помощью Jquery Mobile

Question

Я только начал работать над мобильными веб-приложениями, я делаю HTML5-страницы, используя Jquery Mobile.Я проверил свои страницы на iPhone и iPad.Проблема заключается в том, что когда я переключаюсь из портретного в альбомный, а затем из альбомного в портретный режим, мои страницы остаются увеличенными. Как я могу восстановить оптимальный уровень масштабирования, какой бы ориентации ни было, после n изменений ориентации.Я использовал ширину устройства, высоту устройства, плотность устройства в своем метатеге

Answer 1

Не уверен, откуда вы взяли свой, но это метатег viewport, который я использую, и уверен, что он решит вашу проблему:

<meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no"  />

UPDATE:

вам понадобятся 2 разных видовых экрана, по одному на режим ориентации. проверьте это , чтобы увидеть, как изменить их на лету.

Надеюсь, это поможет

Answer 2

У меня такая же проблема.

Этот пост отвечает на ваш вопрос: JQuery Mobile Beta 1 не изменяет размер экрана на iphone при повороте на альбомную ориентацию Хотя я не использую бета-версию, но версию 1.1.0, решение применено.

Короче говоря, ваш Meta Viewport должен выглядеть следующим образом.

<meta name="viewport" content="initial-scale=1, maximum-scale=1">

Answer 3

This may be helpful for you, mantain two stylesheets in landscape and portrait mode 

 window.onorientationchange=detectIPadOrientation;

function detectIPadOrientation()
{
    //check for the mode and apply the appropriate style sheet,window.onorientationchange is the method will be called whenever the orientation changes

}