小编neg*_*lja的帖子

在过去的一天里,我一直试图弄清楚如何在移动Safari中查看时更改jQuery移动页面上的最小高度样式.我试过,内联样式,覆盖ui页面样式,还没有找到一种方法来覆盖data-role ="page"的高度.理想情况下,如果页面"内容"小于"页面"高度,我希望"页面"高度自动调整为"内容".我附上了一个插图,以便更好地解释这个问题.

<div data-role="page">
     <div data-role="header">
             Header Elements
     </div>
     <div data-role="content" class="homeNav">
            <ul data-role="listview" data-inset="false" data-filter="false">
                <li><a href="expertise.html">Expertise</a></li>
                <li><a href="greatesthits.html">Greatest Hits</a></li>
                <li><a href="profile.html">Profile</a></li>
                <li><a href="mindset.html">Mindset</a></li>
                <li><a href="connect.html">Connect</a></li>
             </ul>  
     </div><!-- /content -->

     <div data-role="footer" data-position="fixed">
             Footer elements
     </div><!-- /footer -->
</div><!-- /page -->

我在iPad safari中查看问题,我的容器div调整大小以适应绝对定位的元素.iPad似乎将溢出元素的宽度添加到".content"980宽度并缩小以显示大约1080px的宽度.也许有一个属性迫使iPad只能扩大到980px宽度的内容？

我有一个带有内容类的容器div,并定义了以下css属性:

.content{
    position:relative;
    width:980px;
    height:100%;
    margin:0 auto;
}
.e1{left:880px;top:892px;width:300px}

在内容中,我有一个超出980px宽度范围的绝对定位元素,如下所示:

<div class="content">   
   <div class="e1">
      <img src="images/elements/e1.png"/>
   </div>
</div>