2

私はウェブ開発とアンドロイド開発に不慣れです。電話ギャップとjquery mobileを使用してWebアプリを開発しています。私が直面している問題は、電話の向きを縦向きから横向きに変更すると拡大することです。モバイルを回転させてポートレイトに戻すと、正しく戻ってきますが、今回はフッターの見出しが表示されません。

コードをご覧ください

<body onload="onBodyLoad()">
<div data-role="page" data-iscroll="enable">
<div data-role="header" data-position="fixed" data-iscroll="scroller">
    <h1>Break IT !</h1>
</div><!-- /header --> 
<div data-role="content">
    <iframe id="cnt" width="100%" height="100%" frameborder="30" allowfullscreen></iframe>
</div>
<div data-role="footer" data-position="fixed" data-iscroll="scroller">
    <h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->

メタデータはこんな感じ。

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">

これらは関連しており、試してみましたが、役に立ちませんでした

Jquery Mobile を使用したページでの画面の向きの問題

4

1 に答える 1

0

あなたのバージョンをテストしていませんが、私はいつも使用しています:

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

あなたのビューポート、最大縮尺がありません。上記のビューポート値 jquery mobile を使用すると、Android、iphone で問題なく動作します。

于 2012-07-19T17:11:17.803 に答える