Ребята, Как сделать сайт статичным на всех устройствах, чтобы задний фон не уплывал?

Question

[sanke46]

Ребята, Как сделать сайт статичным на всех устройствах, чтобы задний фон не уплывал ?
вот пример : dev.redretail.ru/cobstvenikam.html

Comments

[Егор Живагин]

Что, куда и когда уплывает? В чём проблема-то? Я не увидел

[sanke46]

Егор Живагин, да когда браузер сжимаешь все едит :)

[DTX]

Егор Живагин, похоже, он хочет паралакс. Который, увы, не взлетит.

[sanke46]

DTX, нет :-)

[Егор Живагин]

sanke46, куда едет?) Пропорционально сжимается? А как должно?

Answer 1

[SpideR-KOSS]

У тебя сайт не адаптивный (не отзывчивый), поэтому статичным на всех устройствах он не будет.

Чтобы он стал адаптивным (отзывчивым), почитай про медиа запросы,
@media screen {}
Про сетки, того же Бутстрапа, Foundation, UiKit или Bulma.

Вкратце суть в том чтобы для каждого разрешения экрана написать свои стили.
Т.е если разрешение 1920x1080 то заголовок к примеру 36 размером шрифта, а у блока №1 свойство padding: 20px;

А для разрешения 1366*768 заголовок уже 22px, а у блока №1 padding: 10px;, чтобы ничего не уехало.

И вот используя сетку и медиа запросы ты сделаешь то что тебе нужно.

Удачи!

Answer 2

[DTX]

Позвать специалиста уже предлагали?

Нужно просить макет для мобильной версии у дизайнера.

Answer 3

[vladimir_html]

Чё? Чтобы он на всех экранах один и тот же был? Вообще не двигался?
Стесняюс спросить, зачем вам такая роскошь...
А ответ, ну так вьюпорт уберите