1

モバイル Web サイトで奇妙な問題が発生しています。

サイトで jQuery Mobile を使用しています。他のデバイスでは問題なく動作しますが、iPhone サファリではヘッダーが正しく表示されません。これがiPhone Safariの画面です -

サファリ画面

次のようになります-

アンドロイド画面

これが私が使用しているヘッダーコードです-

<div data-role="header" data-theme="c" data-tap-toggle="false">

    <div style="height: 40px; border: 0px;" class="ui-header ui-bar-a">

        <a href='#' class='ui-btn-left' data-icon='arrow-l'
            data-direction="reverse"
            onclick="location.href='index.php#mainmenu'; return false;">Back</a>
        <div style="text-align: center;">
            <img src="images/mytechlogy_full_white_text_bigM.png"
                style="width: 200px; padding-top: 5px;" />
        </div>
        <a href="#" class='ui-btn-right' data-icon='home'
            data-iconpos="right"
            onclick="location.href='index.php#mainmenu'; return false;">Home</a>
    </div>

    <div
        style="height: 20px; background: #FF9933; vertial-align: middle; padding: 0px; border: 0px;">
        <span id="page-title"
            style="text-align: left; margin-top: 4px; padding-left: 5px;">My
            Profile</span>
    </div>

</div>

これで私を助けてください。

4

1 に答える 1

1

data-position="fixed" を追加すると問題が解決しました。

<div data-role="header" data-theme="c"
        style="text-align: center; height: 60px;" data-tap-toggle="false" data-position="fixed">
于 2012-12-06T06:36:30.557 に答える