如何獲取圖像在Chrome瀏覽器和Safari瀏覽器中調整大小

Question

我正在開發一個使用jquery選項卡api的網站。對於每個選項卡，我都有一張圖片，當瀏覽器的大小發生變化時，我想調整其大小。

這是一個選項卡

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

我有工作在Firefox和IE精細通過使用簡單的CSS

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

不幸的是，這並不在鉻工作，Safari瀏覽器的例子。圖像只是以全尺寸顯示，因此只有圖像的一半可以在選項卡中看到。

有沒有人知道這樣做的正確方法？任何幫助都會很棒。

Answer 1

不要在圖像上設置高度，否則會破壞寬高比。你的代碼是正確的，所以如果他們沒有調整大小，那是因爲父標籤比你想象的要寬。你可能有一些溢出：隱藏在內部元素被裁剪而不是調整大小的地方。