图像以动态网格固定窗口大小显示

时间:2016-07-05 09:33:42

标签: jquery html css

我需要帮助才能在窗口中显示图像。我总共有20张图片,这些图片在不同时间会有不同的大小。

我需要在浏览器窗口中显示所有这20张图片。它不应该滚动。它应该是修复。图像的大小必须根据窗口的宽度而改变。

任何人都可以建议任何插件来完成这项工作。

提前谢谢。

1 个答案:

答案 0 :(得分:0)

尽管没有任何示例代码,您可以尝试使用max-height作为

的主容器
max-height: 100vh;
max-width: 100vw;

其中 vh 代表视口高度 vw 代表视口宽度(例如窗口的大小)在那个特定的时刻)

然后使用

将每个子元素的图像宽度设置为 100%
img {width: 100%}

在样式表中的图像元素上。

  

Here is an article on VW and VH units.