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