如何获取图像在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

不要在图像上设置高度，否则会破坏宽高比。你的代码是正确的，所以如果他们没有调整大小，那是因为父标签比你想象的要宽。你可能有一些溢出：隐藏在内部元素被裁剪而不是调整大小的地方。