0

ヘッダーとフッターの両方を固定に設定しましたが、iPhone でコンテンツを調整できません。

ここに画像の説明を入力

これが私のレイアウトコードです

<body>  
    <div data-role="page"  @(Page.Id == null ? string.Empty : "id=" + Page.Id) data-fullscreen="false">
     @*    @RenderSection("MoreCode", false)*@


      @if (IsSectionDefined("Header"))
      { 
        <div data-role="header" data-position="fixed">


         @RenderSection("Header", false)


        </div><!-- /header -->
      }


     <div data-role="content">  
         @RenderBody()        

     </div><!-- /content -->


       <div data-role="footer" data-tap-toggle="false" data-position="fixed">

   <div class="center-wrapper">
        <table border="0">
        <tr>
        <td>
        <label for="basic">
        Place Of Interest
        </label>
        </td>
        </tr>
        <tr>
        <td>
        <table border="0">
        <tr>
        <td>
          <a href="@Url.Action("TermsOfUse", "Home")" data-mini="true">Terms of Use</a>
        </td>
        <td>
        <label for="basic">
        |
        </label>
        </td>
         <td>
          <a href="@Url.Action("PrivacyPolicy", "Home")" data-mini="true">Privacy Policy</a>
        </td>
        </tr>     
        </table>
        </td>
        </tr>    
        </table>      
        </div>
        </div>
</body>

これが私の見解です

<h3 style='color:#4FA600; font-weight:bold;'>@ViewBag.Number</h3>

<table border="1" width="100%">
<tr>
<td align="center" valign=middle style=' font-weight:bold; color:#FFFFFF; background:#4FA600; '>
<label for="basic">Available Documents</label>
</td>
</tr>

<tr>
<td>
<table width="100%" height="100%">
<tr>
<td align="left" valign="middle" style=' font-weight:bold;'>
Type
</td>
<td align="center" valign="middle" style=' font-weight:bold;'>
Description
</td>

</tr>
@{
    foreach(var row in Model)
    {       

        <tr>
        <td align="left" valign="middle">
        @row.DocType
        </td>

        <td align="center" valign="middle">
        <a href="#" target="_blank"  class="my-btn">@row.Description</a>
        </td>
        </tr>


    }

    }  
</table>
</td>
</tr>
</table>

jquerymobile は手動で調整することを想定していませんか? firefox では問題なく表示されます。コンテンツを完全に表示するにはどうすればよいですか?

4

1 に答える 1

0

問題は私が私のcssにこれを持っていたということでした：

[data-role=page]{height: 100% !important; position:relative !important;}

テーマローラーを使用してこのコードを取得しましたが、なぜこれが混乱したのかわかりません。多分誰かが明確にすることができれば幸いです

于 2012-07-27T15:02:47.397 に答える