Html 将图像包装到div元素中

我有一个图像，我想把它完全包装在div元素中。我有一些项目截图，我想用portfolioImg类将其封装在div元素中。无论我的项目映像的维度是什么，我都希望它能够完美地适合div元素。我正在使用Bootstrap4。谢谢 代码详细信息： HTML:

JS:

代码笔链接：

试试这个

.portfolioImg img { 
   width:100%; 
}

试试这个

.portfolioImg img { 
   width:100%; 
}

---

您可以定义一个高度

.portfolioImg{
  height:400px; 
}

您可以将图像宽度和高度属性设置为100%

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

---

您可以定义一个高度

.portfolioImg{
  height:400px; 
}

您可以将图像宽度和高度属性设置为100%

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

---

应用以下css属性：

.portfolioImg img{
    max-width: 100%;
    width: auto;
}

---

应用以下css属性：

.portfolioImg img{
    max-width: 100%;
    width: auto;
}