自动调整图像以适应不同的分辨率

Question

我的带有play framework和java的web应用程序允许用户自己上传图像。然而，有时像手机或平板电脑这样的分辨率会折磨图像。有没有办法自动调整（调整大小/裁剪等）图像，使其在不同的分辨率下看起来不错？

Answer 1

我希望我的问题是对的：

您可以使用css设置图片的大小：

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

这会将图像大小设置为定义的最大大小（以％表示，引用外部容器）而不更改宽高比。请注意，您不应将width的{​​{1}}或height设置为固定大小，以使其不会缩放到比原始图像更大的尺寸。< / p>