根据屏幕分辨率调整图像大小

Question

我有一个图像...如果图像的高度大于maxHeight，或者宽度大于maxWidth，我想按比例调整图像的大小，使其适合maxWidth X maxHeight。

Answer 1

虽然可以这样做，但当用户的屏幕远大于图像的原生尺寸时会发生什么？你把它拉伸到它降级为像素的程度吗？

屏幕较小的人会发生什么 - 他们是否需要浪费时间和带宽下载比显示时更大的图像，然后根据浏览器缩小图像？

在许多浏览器中，尤其是较旧的浏览器中，缩放图像会降低它们的质量，无论它们是大还是小。最好在服务器上根据大图像进行缩放，并将“正确”大小的图像传送给客户端。这要复杂得多。

虽然所有这一切都是可能的，但我们必须首先询问这是否真的为用户体验增添了很多价值，以及所有这些努力是否值得。

Answer 2

您可以使用JavaScript设置图片代码的属性。

您可能想要设置的属性是高度，宽度。