クロム、IE、サファリで画像のサイズを変更する方法

Question

jquery tabs apiを使用するウェブサイトを開発しています。各タブごとに、ブラウザのサイズが変更されたときにサイズを変更したい画像があります。

これは私がそれは残念ながら、これは、クロムでサファリを動作しないシンプルなCSS

.breakoutFundviewImage 
{ 
    height:30px;  
    width: 100%;  
} 

を使用してFirefoxとIEで正常に動作しているタブ

<li style='width:15%'> 
    <a href="/fu..."> 
    <img src="/Funde..." alt="BreakOut" class="breakoutFundviewImage"> 
    </a> 
</li> 

の1の例であります。画像はフルサイズで単純に表示されるため、画像の半分のみがタブに表示されます。

誰でも正しい方法を知っていますか？どんな助けも素晴らしいだろう。

Answer 1

画像に高さを設定しないと、縦横比が壊れます。あなたはコードが正しいので、サイズ変更されていなければ、親タグはあなたが思っているよりも広いためです。あなたは多分オーバーフローがあります：内側の要素がサイズ変更されずに切り取られているところに隠されています。