Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!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>
