如何做像百度图片那样，图片大小无规则的排版?

3 解决方法（具体下面会有图示）

①确定一个变量。由于当前的浏览器宽度是固定的，因此可以根据浏览器宽度范围制定一个标准高度，类似CSS的媒体查询(media query)；

②初次变换。所有图片宽度根据这个标准高度作宽度的等比例缩放；

③创造容器。每行建立一个div，并装入尽可能多的图片，直到容器装不下；

④第一步调整。每行根据自己与目标宽度（当前浏览器宽度）的差值，再等比例变化宽、高。

公式如下：当前行总宽度/目标宽度=每个图片当前高度/变化后高度；
⑤第二步调整。根据变化后高度再等比变化各图片宽度；

文章转载于：http://isux.tencent.com/high-equal-response-layout-html.html