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バーが最後にあり、他の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 に答える