设置jcarousel项目的高度和宽度

Question

尝试以这种方式设置jcarousel项目的高度

.jCarouselLite ul li {height:300px;}
.lookbookbg img {max-height:100%;}

html非常典型

<div class="jCarouselLite">
    <ul>
        <li>
            <a href="">
                <div class="lookbookbg lookbookbg1">
                    <img src="{{ 'lookbookbg1.jpg' | asset_url }}" />
                </div>
            </a>
        </li>
    </ul>
</div>

我得到了所需的高度，但宽度变得有弹道。包含li的宽度大于图像，因此项目之间的空间很大（我需要0）。我会设置一个静态宽度，但很多lis有不同的宽度。自动宽度不起作用。 附： 实际上是使用jcarousel light。

Answer 1

background-size:cover;或background-size:100% 100%;