Как при определенном разрешении масштабировать сайт?

Question

[Evgeniy]

Добрый день. Сверстал сайт на flex с помощью элемента контейнер. Клиент хочет чтобы отступы на широком и на узком мониторе были бы одинаковыми, а для этого нужно нажать ctrl и -. На 70% выглядит для него хорошо. Я хочу поставить скрипт чтобы при уменьшении экрана, сам сайт бы отдалялся, то есть сам автоматически отдалялся на 70%. Помогите пожалуйста. Вообще реально ли это сделать?

Answer 1

[Hanneman]

Используйте @media.
И для каждого экрана будете задавать размеры каждого элемента.
Пример, чтобы понять, как работает:

body {
  background-color: tan;
}


@media screen and (max-width: 992px) {
  body {
    background-color: blue;
  }
}


@media screen and (max-width: 600px) {
  body {
    background-color: olive;
  }
}