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

时间:2015-03-19 17:01:54

标签: jquery css css3

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

1 个答案:

答案 0 :(得分:0)

我希望我的问题是对的:

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

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

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