1

我的移动网站有一个非常奇怪的问题。

我在网站上使用 jQuery Mobile。它在其他设备上运行良好，但 iPhone Safari 没有正确显示标题。这是 iPhone Safari 中的屏幕 -

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 回答