How to align images of different sizes so that they fill the entire page?

Question

css

There are many images (photos) vertical, horizontal, with the same width and height. How to make sure that all of them completely fill the page on the site and at the same time retain the original proportions (at least approximately)? For example, like on this site: Example .

Answer 1

for holeless layout use masonry.js masonry.desandro.com

Answer 2

Example
Correctly noted Cyber_bober Images have a fixed height.

Answer 3

It’s unlikely to do without JS (jQuery), I don’t know such a solution, except to make images as backgrounds in css, but this is not done. Try this script to apply on your task: jsfiddle.net/oceog/bQjk8

Answer 4

you can try flexbox