我有很多元素(bootstrap
html
)在网站上反应灵敏。这意味着它们没有固定的宽度或高度。
应在每个元素中显示图像。
我尝试使用height
或width
100%的值。我也尝试过min-height
或min-width
。我还尝试了div
及其background-image
。
我也在Stackoverflow上找到了类似的帖子:
不幸的是,第一篇文章基于固定的高度和宽度。第二篇文章非常有帮助,但是我不使用JavaScript
来寻找解决方案(如果使用纯HTML
和CSS
无法解决此任务,我会尝试使用{{1} }。
我使用这样的默认引导程序元素。
JavaScript
所有图像都应具有相同的宽度和高度,尽管图像文件在文件系统上实际上没有相同的宽度和高度。
如果图像太小或太大,则应缩放图像。如果高宽比不正确,则仅显示图像的匹配部分。
当然,我不希望有最终的解决方案,但是我对方法的想法很满意。