NA
Nikosgr Ang

Помогите с версткой пожалуйста

Делаю одностраничный сайт и фон делаю из нескольких фотографий расположенных друг под другом и каждая заключена в 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%;

}

Та
Татьяна

Могу посоветовать зуминг через скрипт:


Пояснения: я создавал сайт под ширину разрешения 1280, поэтому зуминг там 1 (то есть без увеличений) . Если будешь делать на 1024, то перестрой значения зуминга.

Для этого 1024 (разрешение оригинала) надо поочередно делить на остальные разрешения.

Вот пример сайта на зуминге: http://caumep.ru

Меняй разрешение экрана и ты увидишь, что все пропорционально увеличивается или уменьшается.

Лена Германова
Лена Германова

делать привязку дивов к центральному диву, либо использовать % отношения

\n\nПояснения: я создавал сайт под ширину разрешения 1280, поэтому зуминг там 1 (то есть без увеличений) . Если будешь делать на 1024, то перестрой значения зуминга.\n\nДля этого 1024 (разрешение оригинала) надо поочередно делить на остальные разрешения.\n\nВот пример сайта на зуминге: http://caumep.ru\n\nМеняй разрешение экрана и ты увидишь, что все пропорционально увеличивается или уменьшается.","datePublished":"2020-07-01T16:03:34+00:00","upvoteCount":0,"url":"https://sprashivalka.com/tqa/q/27900592#a23013683","author":{"@type":"Person","name":"Татьяна","url":"https://sprashivalka.com/101857"}},"suggestedAnswer":[{"@type":"Answer","text":"делать привязку дивов к центральному диву, либо использовать % отношения","datePublished":"2020-07-01T15:32:30+00:00","upvoteCount":0,"url":"https://sprashivalka.com/tqa/q/27900592#a23013685","author":{"@type":"Person","name":"Лена Германова","url":"https://sprashivalka.com/109567"}}]}}
Похожие вопросы
,,,что такое верстка
Помогите пожалуйста с версткой!!!!
Помогите с версткой пожалуйста.
Помогите сделать учебную, элементарную верстку!
Помогите с div версткой
Помогите с HTML/CSS верстка сайта
Помогите, пожалуйста найти информацию по верстке сайтов!
Верстка под Joomla
Помогите пожалуйста с версткой!!!
Помогите с версткой сайта