Уменьшить отображаемый размер сайта?

Question

[authentic_person]

soctrade-agro.ru - сайт, необходимо уменьшить отображаемый размер сайта, например стандартно - элементы слишком большие, но если я уменьшу размер в браузере (ctrl+колесико вниз), например до 80% то отображение устраивает. Пытался задать через медиа запросы, но он не уменьшает все элементы, а только сжимает часть выравнивая по левому краю. Как-то можно сделать так что по умолчанию сайт отображался, как уменьшенный до тех же 80%?

Comments

[Ankhena]

Дикий вариант: transform: scale(0.8)

Правильный вариант: переверстать.

[organica]

Попробуй в head вставить

<meta name="viewport" content="width=device-width, initial-scale=0.8, shrink-to-fit=no"/>

[Ankhena]

organica, и как это должно на десктопе начать работать?

[organica]

Ankhena, При загрузке страницы сделать масштаб в 80% ( аналог ctrl+ колесико мышки)

[authentic_person]

Ankhena, Куда это необходимо вставить, да переверстать сам предлагал руководителю, но не хочет платить за это сказал найти вариант подешевле.

[authentic_person]

organica, почему Ankhena сказал что на десктопе не будет работать, можно подробнее?

[Ankhena]

authentic_person,

organica, почему Ankhena сказал что на десктопе не будет работать, можно подробнее?

главное, у нужного человека спрашивать ))))

[authentic_person]

Ankhena, ну и в правду не сработало) знаю что переверстать будет проще, но к сожалению не я принимаю решение(

[Ankhena]

authentic_person,

Куда это необходимо вставить

В теории для body.
Но дело в том, что блоки которые должны быть на всю ширину страницы, например, с фонами или со слайдером будет обрезаны.
Слайдер в любом случае нужно поправлять, потому что на больших экранах он прибивается к левому краю, а весь сайт центрирован.

Я этот вариант написала, просто потому что он существует, но он плохой. Не надо так делать. Пользователю легче не станет, а браузеру будет хуже.
Если жалко денег на редизайн и переверстку, то не надо вообще его трогать. Разве что слайдер поправить.

[Ankhena]

authentic_person,

ну и в правду не сработало)

Отлично, что попробовали! Это правильный подход.

[authentic_person]

Ankhena, да, спасибо большое за помощь

Answer 1

[Alex]

meta viewport + медиа запросы