2

シンプルな jQuery モバイル Web サイトを作成しました。この Web サイトを Windows Phone で表示すると、フッターとコンテンツの間に奇妙なグラデーションが表示されます。これは Windows Phone でのみ発生し、どのようにしてそこに到達するのかわかりません。

画像を参照してください: http://imgur.com/m3nChi7

CSS

        .ui-page 
        {
            background-color: white;
            height: 100%;
        }

        .ui-content
        {
            background-color: white;
            height: 100%;
        }

        .ui-footer 
        {
            position: absolute !important;
            bottom: 0;
            width: 100%;
        }

HTML サンプルプラージュ

<div data-role="page" data-theme="c" id="Diensten">
          <div data-role="header">
            <h1>Diensten</h1>
          </div>
          <div data-role="content"> 
            <ul>
                <li>
                    <p>
                    Proofreading
                    </p>
                    <p>
                    Hebt u een tekst (brochure, webtekst, mailing,...) die u nog even wilt laten nalezen? Geen probleem, wij hebben proofreaders voor alle talen van de Europese Unie, het Russiche, Chinees en Japans. Wij zorgen ervoor dat uw tekst klaar is voor publicatie of verspreiding.
                    </p>
                </li>
                <li>
                    <p>
                    Taaladvies
                    </p>
                    <p>
                    Aangezien onze pool van vertalers en revisoren uit mensen bestaat die een taalkundige opleiding hebben genoten, zijn zij ook uitstekend geplaatst om u taaladvies te verstrekken.
                    </p>
                </li>
            </ul>       
          </div>
          <div id="footer" data-role="footer">
            <p>&copy; No Problem</p>
          </div>
    </div>
4

1 に答える 1

0

weinre をインストールし、HTML のその部分に割り当てられているクラスを確認します。そのクラスを見つけるのに役立ちます。

http://sviluppomobile.blogspot.com/2013/03/how-to-debug-windows-phone-html5-apps.html

JQueryMobile は各要素に多くのクラスを割り当てるため、それらがすべてではありません。

.ui-page 
    {
        background-color: white;
        height: 100%;
    }

    .ui-content
    {
        background-color: white;
        height: 100%;
    }

    .ui-footer 
    {
        position: absolute !important;
        bottom: 0;
        width: 100%;
    }
于 2013-08-28T08:07:39.287 に答える