我有一个包含多个图像的布局,包括纵向和横向。我想让每个图像在浏览器窗口中占据尽可能多的空间,同时保持完全可见。
有没有一种简单的方法可以做到这一点?我尝试过搜索,但出现的一切都是为了制作单个全屏 DIV 或图像,而不是我想使用的多个图像。
您可以使用background-size
具有 value 的属性cover
来执行此操作。对于不支持此功能的旧 IE 浏览器,已提供 jQuery CSS hooks 修复。
您只需使用按比例的 CSS 宽度值对 DIV 进行布局,然后为每个 DIV 分配一个覆盖背景图像。
我想也许你正在寻找这样的东西:http: //masonry.desandro.com/demos/images.html