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

Question

我的带有播放框架和 java 的网络应用程序允许用户自己上传图像。但是，图像有时会在某些分辨率下受到折磨，例如手机或平板电脑。有没有一种方法可以自动调整(调整大小/裁剪等)图像，使其在不同分辨率下看起来不错？

Answer 1

希望我答对了你的问题:

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

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

这会将图像大小设置为定义的最大大小(以 % 表示，指的是外部容器)而不更改纵横比。请注意，您不应将 img 的 width 或 height 设置为固定大小，这样它就不会扩展到更大的尺寸比原始图像大。