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



我有一个带有肖像和景观的图像的布局。我想让每个图像在浏览器窗口中尽可能多地占用尽可能多的空间,同时保持完全可见。

有什么简单的方法可以做到吗?我已经尝试搜索,但是即将到来的所有内容都是为了制作一个全屏div或图像,而不是我想使用的多个图像。

您可以使用具有 coverbackground-size属性,该属性完全可以做到这一点。对于不支持此的较旧的IE浏览器,已经提供了JQuery CSS钩子修复程序。

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

我想您可能正在寻找类似的东西:http://masonry.desandro.com/demos/images.html

最新更新