html - 按高度和宽度限制图像

Question

我在按宽度或高度限制我的图像时遇到问题，以超过限制的为准。

例如，我上传的一些图片的高度超过 450 像素，而其他图片的宽度则超过 450 像素。我如何设置它们才能使宽度和高度都不会超过 450 像素。

这是一个非常基本的事情，但我不知道该怎么做，我很感激任何帮助!

编辑:我希望这可以用 css html 来解决，这就是为什么我没有提到语言，但如果它是一个更复杂的解决方案，那么我正在使用 meteor.. 所以 javascript 和 jquery。

Answer 1

使用 max-width 和 max-height css 属性(并且不要设置 width/height img 标签上的属性)

img{
    max-width:450px;
    max-height:450px;
}

请记住，这适用于显示图像时。如果您想限制图像的实际宽度/高度以节省服务器空间，您将不得不考虑上传带有缩小图像选项的插件。