html - 如果图像不是背景，我如何使它适合它的容器

Question

我找到了一个图片 slider ，网址在下方。图像必须是一定的高度+宽度在 css 中指定 .. 但我的图像太大了有没有办法使图像“strech”因为我不会调整 100 多张图片的大小.. 这些图片没有设置为背景图片。

Here is the page希望这可以帮助任何其他有图像 slider 大小问题的人..

我会写一个 jsfiddle，但是要包含的代码太多了，很抱歉给您带来不便

** 我尝试过的事情 **

img{height:100%;width:100%;}
img{max-height:100%;max-width:100%}

以及在 img 标签中添加 style=""

Answer 1

您需要将图像作为 inline-block 然后给它 width:100%

img{display:inline-block;position:relative;width:100%}