调整图像大小，基于屏幕resoultion

Question

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

Answer 1

您可以使用JavaScript设置图片标签的属性。

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

Answer 2

虽然可以做到这一点，当用户的屏幕比图像的原始尺寸更大，会发生什么？你是否将它拉伸到像素降级？

与人在较小的屏幕，会发生什么 - 他们浪费时间和带宽下载的形象是远远大于他们有能力，如果显示，则取决于浏览器缩小图片？

在许多浏览器，尤其是老年人，图像缩放，降低了他们，是否使他们更大或更小。最好根据大图像在服务器上扩展它们，并将“正确”大小的图像传递给客户端。这更复杂。

虽然这一切都是可能的，一个必须要问，这是否确实增加了很多价值在首位的用户体验，以及是否这一切努力都是值得的。