0

有时我打开我的页面，iPad 并没有正确显示。主要是在我重新加载页面时。问题还在于野生动物园。我创建了一个jsFiddle来向您展示我是如何做到的。

<a href="#">         
  <div class="item">                
    <div class="text">Text1</div>         
    <div class="text2"><b>Text2</b></div>         
    <img class="logo" src="http://dummyimage.com/100x50/09f/fff.png" alt="logo"width="100">  
    <div class="balken2">Text3</div>
  </div>
</a>

在 Firefox 中没关系，Text3 Bar 位于末尾，其他 2 条位于动态图像之后居中，并且并非每次都与您看到的大小相同。在 ipad 上它有时会像这样显示它http://www.imagebanana .com/view/ynvggcu8/ipad.jpg。我怎样才能解决这个问题？谢谢你的帮助！

4

1 回答 1

1

工作小提琴：http: //jsfiddle.net/parkerwyoung/PkCPR/9/

穿上这个.item

position: relative;

穿上这个.balken2

position: absolute;
bottom: 0;
width: 150px;
padding-right: 0;
padding-left: 0;

问题是当图像没有加载时，.balken2该类在布局中没有什么可指导的。此代码对其进行定位，因此它不必依赖那里的图像。希望这可以帮助！

于 2012-10-30T08:23:46.020 回答