Html 设置“高度”和“宽度”时，图像平移出模态体

我正在使用模态对话框在我的应用程序中显示照片库的单个图像

<div class="modal fade" id="example{{$index}}" role="dialog">
   .....
   <div class="modal-body">    
     <img ng-src="../Files/Photos/{{photo_item.link}}" width="565" height="370" />
   </div>
   .....
</div>

现在，图像的宽度为565，高度为370，并且不会超出模态对话框的边界， 但当我更改宽度和高度属性的值时：

<div class="modal-body">
   <img ng-src="../Files/Photos/{{photo_item.link}}" width="900" height="700" />
</div>

可能有人知道我如何解决它，或者我可以只在bootstrap.css文件中更改值？

---

谢谢你的回答

不确定这是否是您想要的，但如果您希望模态更大，您可以使用：

<div class="modal modal-lg">
     <div class="modal-content">
          <div class="modal-body">
             <img ng-src="../Files/Photos/{{photo_item.link}}"/>   
          </div> 
     </div>
</div>

---

不确定这是否是您想要的，但如果您希望模态更大，您可以使用：

<div class="modal modal-lg">
     <div class="modal-content">
          <div class="modal-body">
             <img ng-src="../Files/Photos/{{photo_item.link}}"/>   
          </div> 
     </div>
</div>

---

当您需要调整到包含对象宽度的图像时，请使用img响应类

如果需要调整到高度的图像，请使用

.img响应性ht

{
  display: block;
  width: auto;
  max-height: 100%
}

注意：删除您在图像标签图像中提到的宽度和高度调整自身w.r.t容器

---

享受：

当你想要一个可以调整到包含对象宽度的图像时，使用img响应类

如果需要调整到高度的图像，请使用

.img响应性ht

{
  display: block;
  width: auto;
  max-height: 100%
}

注意：删除您在图像标签图像中提到的宽度和高度调整自身w.r.t容器

---

享受：

删除宽度和高度，并将其设置为100%。然后图像将保留在模式框中

---

玩得开心。

删除宽度和高度，并将其设置为100%。然后图像将保留在模式框中

---

玩得开心。

您是否尝试使用css类modal lg将模式大小设置为大？您是否尝试使用css类modal lg将模式大小设置为大