最优雅的方式来调整图像大小以填充但不超过浏览器窗口?

时间:2012-10-20 07:48:52

标签: html css

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

有一种简单的方法吗?我已经尝试过搜索,但是所有出现的内容都是制作单个全屏幕DIV或图像,而不是我想要使用的多个图像。

2 个答案:

答案 0 :(得分:0)

您可以使用具有值background-size的{​​{1}}属性来完成此操作。对于不支持此功能的旧IE浏览器,可以使用jQuery CSS钩子修复程序。

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

答案 1 :(得分:0)

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