如何使用Django调整网站的引导卡大小?

时间:2020-06-02 19:56:54

标签: django image-resizing window-resize bootstrap-cards

我正在尝试从引导程序中向网站添加一些卡片,以显示带有价格的产品图片,然后选择将其添加到购物车,但是由于此卡片中的图片是从另一个网站获取的,尝试加载我的页面时,图像太大,并且卡片不会在浏览器窗口中自动调整大小,因此它会在另一个页面上显示:

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以将这些属性添加到卡的图像中。

.card_name img {
  height: 300px!important;
  background-clip: padding-box;
  object-fit: cover;

}