Помогите с версткой пожалуйста
Делаю одностраничный сайт и фон делаю из нескольких фотографий расположенных друг под другом и каждая заключена в div. Проблема заключается в том, что при уменьшении окна браузера, расстояние между картинками увеличивается. Как сделать чтобы при уменьшении окна фотографии маштабировались, а расстояние между ними не менялось?
Вот код:
css:
body {
margin: 0px;
padding: 0px;
background-color: #000;
}
.fon {
height:100%;
width:100%;
z-index:1;
min-width:1000px;
max-width:1600px;
}
.fon1{
height:auto;
width:100%;
position:absolute;
}
.ll{
padding-top: 62.7%;
}