容器大小相等的图像大小

Question

如何让我的容器与我的图像大小相等。我有窗口的图像比例，我把它放在容器内，因为它是一个图像滑块。

CSS

#full_image { 
 overflow:hidden;
 position:absolute;
 display: inline-block;
 margin: 5% 5% 5% 5%;
 opacity: 0;
}

#full_image  ul {
 display: -moz-inline-stack;
}

#full_image ul li img{
 width:100%;
 max-width:100%;  
 overflow: hidden;    
 display: inline-block;  
 }

HTML

<div id="full_image"> 
    <ul>
       <li>
           <img src="'+img+'"/>
       </li>
    </ul> 
</div>

Answer 1

这是一个有效的jsfiddle。我添加了一些额外的CSS来显示边框。

1. 您会注意到您可以更改#full_image的宽度和图像比例（不需要为其指定宽度以填充其中的空间作为示例）。
2. 您只需要max-width即可进行缩放。
3. 我注意到你的opacity为0，我将其移除，以便您可以看到图像。