在网站上显示图像的最佳方式是什么？

Question

我无法在任何地方找到这些信息。但是，网络图像的最佳宽高比是多少？我希望图像能够很好地扩展，无论大小如何，但我总是会遇到这个问题（检查小提琴链接）：

http://jsfiddle.net/28QAt/

<p>How to display any sized image nicely?</p>

           

我不想设置高度和宽度，因为图像看起来可能会拉伸并变形，而且我无论如何都无法将图像剪裁到合适的尺寸。所以我想知道如何使用CSS或Jquery最好地处理任何大小的图像，并使它们在并排时看起来很好。

由于

Answer 1

从这句话开始：我无论如何都无法裁剪图片

使用max-width: 100%;作为图片。

Answer 2

关于人的想法很多。是否可以密切关注使用CSS

min-height/width , max-height/width 

或使用已创建的Jquery插件

Demo

Tutorial