HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>Пример использования маштабируемого фонового изображения 1, значение auto</h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat; width: auto; height:700px;
background-size: auto;
margin-top: 10px; ">
</div>
<hr>
<h2>Пример использования маштабируемого фонового изображения 2, значение cover </h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat ; width: auto; height:700px;
background-size: cover;
margin-top: 10px;">
</div>
<hr>
<h2>Пример использования маштабируемого фонового изображения 3, значения в процентах </h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat ; width: auto; height:700px;
background-size: 30% 40%;
margin-top: 10px;">
</div>
<hr>
<h2>Пример использования маштабируемого фонового изображения 4, auto для одной из сторон + пиксели </h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat ; width: auto; height:700px;
background-size: auto 600px;
margin-top: 10px;">
</div>
<hr>
<h2>Пример использования маштабируемого фонового изображения 5, 100% для обеих сторон </h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat ; width: auto; height:700px;
background-size: 100% 100%;
margin-top: 10px;">
</div>
<hr>
<h2>Пример использования маштабируемого фонового изображения 6, cover </h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat ; width: auto; height:700px;
background-size: cover;
margin-top: 10px;">
</div>
<hr>
<h2>Пример использования маштабируемого фонового изображения 7, contain </h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat ; width: auto; height:700px;
background-size: contain;
margin-top: 10px;">
</div>
<hr>
<h2>Пример использования маштабируемого фонового изображения 8, значения в пикселях и процентах </h2>
<div style="background: url('https://docs.google.com/uc?id=1yMQkIGT2fZHljFjuVvNMYg2pFzgAroD-') no-repeat ; width: auto; height:700px;
background-size: 50% 500px;
margin-top: 10px;">
</div>
</body>
</html>
