Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<body>
<h2>Использование object-fit</h2>
<p>Здесь мы используем "object-fit: cover;", поэтому при изменении размера окна браузера, соотношение сторон изображений сохраняется:</p>
<div style="width:100%;height:400px;">
  <img src="../images/rock600x400.jpg" alt="Норвегия" style="float:left;width:50%;height:100%;object-fit:cover;">
  <img src="../images/paris.jpg" alt="Париж" style="float:left;width:50%;height:100%;object-fit:cover;">
</div>
</body>
</html>