Javascript 在左右对齐的框架/窗口中自动调整缩略图大小

Javascript 在左右对齐的框架/窗口中自动调整缩略图大小,javascript,html,css,Javascript,Html,Css,我正在一个网页上显示大量图片/缩略图。我要找的是自动调整图片大小,使每一行有固定的高度,每一行的右边距也相等。当我改变窗口的大小时,即使图像被重新格式化,上面提到的样式仍然保持不变 这与谷歌在显示图像搜索结果时的做法非常相似: (调整浏览器窗口的大小,您可能会找到我想说的内容:-) 任何对此有想法的人都将不胜感激!谢谢根据我的说法,有两种方式,1)通过css 2)通过js 1) CSS:您可以将其添加到CSS中,这将相应地调整缩略图的大小 img{max-width:100%;} 2) JS:

我正在一个网页上显示大量图片/缩略图。我要找的是自动调整图片大小,使每一行有固定的高度,每一行的右边距也相等。当我改变窗口的大小时,即使图像被重新格式化,上面提到的样式仍然保持不变

这与谷歌在显示图像搜索结果时的做法非常相似:

(调整浏览器窗口的大小,您可能会找到我想说的内容:-)


任何对此有想法的人都将不胜感激!谢谢

根据我的说法,有两种方式,1)通过css 2)通过js

1) CSS:您可以将其添加到CSS中,这将相应地调整缩略图的大小

img{max-width:100%;}

2) JS:使用JS,您可以根据可用空间调整缩略图的大小,还可以决定一行中要显示多少图像。

我通过编写JS来计算行宽和窗口宽度的比率,基本上解决了这个问题。但无论如何还是要谢谢你,伙计:-)没问题……如果你能在这里发布你的解决方案,那就太好了,因为这将有助于其他寻求类似解决方案的人