如何让图像填满整个容器？

Question

我想让图像始终填充宽度和高度。

我正在使用LayerSlider WP插件，因此我将其设置宽度设置为100％，并将width: 100% !important设置为一个字段，其中显示＆＃34; custom css＆＃34;

PS：这是链接http://www.draidel.com.ar/novedades（你会看到我在第一张幻灯片中添加了一个非常小的方形图像，而第二张幻灯片中添加了更宽的图像，但仍然没有填满整个宽度）

谢谢！

Answer 1

你是否在样式表文件上试过这个？

img.ls-preloaded{
width:100%!important;
}

Answer 2

您需要将min-height的{​​{1}}和min-width设置为100％。但是，您还需要将其img和height设置为width，以便保持其宽高比，无论屏幕大小或方向如何。如果您还想将auto置于其父级中，如果其高度或宽度超过其父级的高度或宽度，则您需要使用img来设置其position:absolute和{{1}将位置设置为50％，然后使用left top函数将它们再次拉回50％。这是一个例子：

translate

transform