Я исследую несколько проблем с использованием JQuery Mobile и PhoneGap.
Когда я использую метатег viewpoint следующим образом,
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
Первое наблюдение заключается в том, что моему приложению не нравится, когда меняют портретную ориентацию или наоборот. Если я поверну телефон (Android), приложение PhoneGap немедленно закроется.
Также, когда у меня что-то подобное,
<div id="index" data-role="page">
<div data-role="content">
<ul data-role="listview" data-theme="g">
<li><a href="#sync">Sync</a></li>
</ul>
</div>
</div>
<div id="sync" data-role="page">
<div data-role="header" data-position="inline">
<a data-rel="back" data-icon="back">Back</a>
<h1>Sync</h1>
</div>
</div>
Это список со ссылкой на вторую страницу, которая называется синхронизацией. Когда я нажимаю ссылку на вторую страницу, вся страница перемещается вниз на пиксель, когда она рисует анимацию, чтобы перейти на вторую страницу?
Еще одна вещь, которую я заметил бы, это то, что текст на моем устройстве кажется очень маленьким, что составляет 480 x 800 ~ 246 DPI
Мне нужно решить эти проблемы, прежде чем продолжить работу с PhoneGap и JQuery Mobile.
UPDATE:
Я начал разработку своего приложения с нуля, и его вращение больше не вызывает выхода из приложения. Другие проблемы все еще существуют.