Question

我想在一列中加载一堆随机图像（宽度和高度各不相同）。该列将具有固定的宽度，并且必须按比例裁剪高度以使图像保持其原始高宽比。（类似于Pinterest如何构建他们的董事会。）

任何人都知道如何通过Javascript或JQuery实现这一目标？

Answer 1

你可以使用css：

img.autosize {
    width: 500px; /*Specify your width here*/
    height: auto;
}

这会将您网站中的图片保持固定宽度（如果您不希望所有图片的宽度完全相同，请使用最大宽度）并且高度将会保持不变相应地调整自己以保持纵横比。

当然，如果您想使用javascript或jQuery，可以在脚本中设置css属性。这只是一种无忧无虑的方式。