更改流体图像纵横比css

我正试图用css将6张图片一张接一张地放在一起， 整个系统应该能够在大多数显示器上很好地扩展（目前除了移动设备） 所以我做了这个： （显然，我正在尝试制作另一个旋转木马）

我的大多数图像的宽度比高度大，所以当我缩放它们时，我只是把它们放在 宽度：在li容器中为x%，图像宽度为100%

但是第六张图片是不同的，它引起了相当多的麻烦 我也尝试过设置高度，但你只能根据其中一个缩放图像

到目前为止，唯一有效的方法是在ul中放置一个静态高度，然后在宽度和高度上进行缩放，但它不是一个流体网格

有没有办法让所有的li元素都有一个流动的高度，然后根据这个高度缩放所有的图像？如果不是的话

---

有没有办法使任何图像的比例与我在css中指定的比例不同？

我稍微简化了你的代码，但这似乎更接近我的想法。诀窍是设置容器中的宽度（.upper ul li），然后对图像使用：max width:100%；高度：自动。此外，填充现在以%为单位

            #carousel{
            position:relative;
            }
            #wrapper{
            margin:0 auto;
            }

            #slides{
            width: 100%;
            }
            .upper ul li{
            width: 200px;
            max-width: 100%;
            list-style:none outside none;
            float:left;
            padding-bottom:5px;
            padding:2%; 
            }
            img.galleryThumbnail{
            max-width:100%;
            height:auto;
            }
            .info{
            display:none;
            }

            #buttons img{
            position:absolute;
            top:90px;
            }
            #buttons #prev img{
            position:absolute;
            left:29px;}
            #buttons #next img{
            position:absolute;
            right:21px;
            }

---

嗯，最大宽度对于我想要的太大了。我试过了，没用，也试过了最大高度：120px，并从li上删除了宽度，但也没用。谢谢你的回答，没想到：）嘿，谢谢你的提示：D，我想知道它是否可以在任何地方都不设置静态宽度的情况下完成（所有的东西都从窗口的宽度中得到它的大小）