我一直在尝试使用CSS照片库示例here来设置我自己的here is the code）。一切正常，除了：
（1）使用px中的绝对度量设置div。我发现要调整大小并调整我的照片以适应它们令人沮丧。相反，有没有办法设置图库的所有尺寸（通过CSS），例如在％或em中，以便图库适应我放入其中的图像，并动态调整视口大小浏览器？
（2）我尝试将自己的照片添加到图库中，但如果我的照片尺寸与div的尺寸不匹配，则会溢出。有没有办法指定更大的图像来改变它们的大小来填充容器，并保持它们的宽高比？
感谢。
答案 0 :(得分：1)
（1）我不会在％中设置整个图库，也不会动态缩放以适应浏览器。这可能导致意外的结果和问题。要将图像放入div中，您可以使用imagemagick设置bash脚本以调整所有图像的大小。 （甚至你的服务器也可以为你做这件事。如果你在Windows上有程序可以批量调整像Shrink-O-Matic这样的图像。）
（2）您可以设置固定的高度或宽度（仅其中一个）以将图像置于固定尺寸。然后，浏览器将按比例缩放图像以适合该值。 CSS看起来像这样：
#container .pics span img {height: 400px;}
这应该有效。
如果你真的想要一个“缩放”到浏览器大小的图库，你可能需要四处寻找另一个。那里有成千上万的人，根据你的需要修改这个就可以做很多工作。
祝你好运。