Jquery 保留/更改上载的图像大小

我想把上传的图像放在这样一个位置，如果图像大小小于container div，它将保持其原始大小，但是如果图像大小大于container div，那么它将适合div，我必须为图像提供宽度和高度，否则jquery.resizeable将无法工作。

---

有什么可能的方法吗？

您可以使用最大高度和最大宽度

.imgClass{

 max-height: container-height;
 max-width: container-width;
}

---

选中“确保保持纵横比”。例如，您可能希望查看powerpoint的“添加图像”功能，我希望在HTML中创建完全相同的功能。希望这能澄清我的问题，找到我想要的答案：[解决方案][1][1]：我知道基本想法，但我不认为它在我的情况下会起作用。我的结构是这样的，如果我将最大宽度和最大高度设为100%，那么它在调整大小时保持纵横比，这是我不想要的。调整大小应为Fluid是否要覆盖整个父级？如果您没有使用jQuery/JavaScript，图像可能会失真，因为纵横比将无法保持。例如，您可能希望查看powerpoint添加图像功能，我希望在HTML中创建完全相同的图像。希望这澄清了我的问题最大高度和最大宽度将得到应用，只有当图像宽度或高度超过容器高度，否则它将显示为它原来的sape。很抱歉，现在我的系统上没有powerpoint。