我有一个包含多个图像的布局,包括纵向和横向。我想让每个图像在浏览器窗口中占用尽可能多的空间,同时保持完全可见。
有一种简单的方法吗?我已经尝试过搜索,但是所有出现的内容都是制作单个全屏幕DIV或图像,而不是我想要使用的多个图像。
答案 0 :(得分:0)
您可以使用具有值background-size
的{{1}}属性来完成此操作。对于不支持此功能的旧IE浏览器,可以使用jQuery CSS钩子修复程序。
您只需使用比例CSS宽度值布局DIV,然后为每个DIV分配一个覆盖背景图像。
答案 1 :(得分:0)
我想也许你正在寻找这样的事情:http://masonry.desandro.com/demos/images.html