Question

我已将页眉和页脚都设置为固定，但仍然无法在IPhone中调整内容。

enter image description here

这是我的布局代码

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

Isnt jquerymobile假设要手动调整？它在firefox中呈现得很好。我该怎么做才能让内容完整显示？

Answer 1

\问题是我在我的CSS中有这个：

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

我从使用主题滚轮获取此代码不确定为什么这搞砸了。也许某人可以澄清会受到赞赏

内容不会滚动页脚和标题固定

1 个答案: