首页 > 解决方案 > 如何在引导程序中设置其高度和宽度后使图像响应

问题描述

所以我正在构建这个作品集,我找到了使文本和其他内容响应的方法,但是我无法使图片响应,我将其高度设置为 325,但是当我缩小页面时,图像没有响应。我应该如何让它响应。原始图像尺寸约为 1000 x 900,我尝试缩小图像尺寸并使用 img-fluid 但效果不佳。 当我缩小页面 时 当页面处于全视图时

<img src="{% static 'shetha.jpg' %}" height="325  "/>

标签: cssdjangobootstrap-4responsive-images

解决方案


您只需要添加静态图片 URL。如果你有 alt 那么你应该添加高度或宽度,或者如果你想要它们两者。但你必须删除它。/ <-- 如果我的回答帮助你检查回答 <3

<img src="{% static 'shetha.jpg' %}" alt="Smiley face" height="42" 
width="42">

推荐阅读