如何在宽度和高度固定的元素中显示图像

时间:2018-12-21 08:13:39

标签: javascript html css twitter-bootstrap image

我有很多元素(bootstrap html)在网站上反应灵敏。这意味着它们没有固定的宽度或高度。

应在每个元素中显示图像。

我尝试使用heightwidth 100%的值。我也尝试过min-heightmin-width。我还尝试了div及其background-image

我也在Stackoverflow上找到了类似的帖子:

不幸的是,第一篇文章基于固定的高度和宽度。第二篇文章非常有帮助,但是我不使用JavaScript来寻找解决方案(如果使用纯HTMLCSS无法解决此任务,我会尝试使用{{1} }。

我使用这样的默认引导程序元素。

JavaScript

所有图像都应具有相同的宽度和高度,尽管图像文件在文件系统上实际上没有相同的宽度和高度。

如果图像太小或太大,则应缩放图像。如果高宽比不正确,则仅显示图像的匹配部分。

当然,我不希望有最终的解决方案,但是我对方法的想法很满意。

0 个答案:

没有答案