3

jQuery Mobile で Phone Gap を使い始めたばかりなので、デバッグ方法やエミュレータで利用できるデバッグ ツールの種類がよくわかりません。

ヘッダー タイトル バーは、Android エミュレーター (AVD_for_Nexus_7_by_Google) で少し押し下げられます。ただし、iOS シミュレーターと Web ブラウザーではすべて問題なく表示されます。

何が起こっているのか、またはこれをデバッグしようとするアイデアはありますか?

コードは次のとおりです。

  <!-- Start of index page -->
  <div data-role="page" id="index">
    <div data-role="header">
      <a href="index.html" data-icon="home" class="ui-btn-left" data-transition="slide" data-direction="reverse">Home</a>
      <h1>Hello!</h1>
    </div><!-- /header -->

    <div data-role="content"> 
      <ul data-role="listview" data-filter="true" data-inset="true">
        <li><a href="" data-transition="slide">hihi</a>
          <ul data-role="listview" data-filter="true" data-inset="true">
            <li><a href="" data-transition="slide">hihi1</a>
              <ul data-role="listview" data-filter="true" data-inset="true">
                <li>examplea</li> 
                <li>exampleb</li> 
                <li>exampleb</li> 
              </ul>
            </li>
            <li><a href="" data-transition="slide">hihi2</a>
              <ul data-role="listview" data-filter="true" data-inset="true">
                <li>example2</li> 
                <li>example2</li> 
                <li>example2</li> 
              </ul>
            </li>
            <li><a href="" data-transition="slide">hihi3</a>
              <ul data-role="listview" data-filter="true" data-inset="true">
                <li>example3</li> 
                <li>example3</li> 
                <li>example3</li> 
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </div><!-- /content -->
  </div><!-- /page -->

ここに私が見ているものの画像があります： ここに画像の説明を入力

お時間をいただきありがとうございます！

4

1 に答える 1

2

コードに追加margin-top:0します。

コードは:-

.ui-shadow, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a, .ui-body-b, .ui-btn-up-b, .ui-    btn-hover-b, .ui-btn-down-b, .ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c, .ui-bar-c, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d, .ui-bar-d, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e, .ui-bar-e, .ui-overlay-shadow, .ui-shadow, .ui-btn-active, .ui-body-a, .ui-bar-a {
    box-shadow: none;
    margin-top: 0;
    text-shadow: none;
}

これを CSS に追加するだけです。また、PhoneGap は簡単であることを覚えておいてください。ドキュメントを正しく読んでください。

于 2012-12-18T06:12:05.667 に答える