2

我有一个包含多个图像的布局,包括纵向和横向。我想让每个图像在浏览器窗口中占据尽可能多的空间,同时保持完全可见。

有没有一种简单的方法可以做到这一点?我尝试过搜索,但出现的一切都是为了制作单个全屏 DIV 或图像,而不是我想使用的多个图像。

4

2 回答 2

0

您可以使用background-size具有 value 的属性cover来执行此操作。对于不支持此功能的旧 IE 浏览器,已提供 jQuery CSS hooks 修复。

您只需使用按比例的 CSS 宽度值对 DIV 进行布局,然后为每个 DIV 分配一个覆盖背景图像。

于 2012-10-20T07:50:58.227 回答
0

我想也许你正在寻找这样的东西:http: //masonry.desandro.com/demos/images.html

于 2012-10-20T09:00:01.220 回答