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

Question

[buymyopps]

Как уменьшить все блоки и элементы на странице?

Answer 1

[Фин Дел]

У свойства zoom: ; поддержка не во всех браузерах если ты использовал .containerв верстке то можешь ему просто задать допустим .container {transform: scale(0.8);}

Answer 2

[WapSter]

Задать им одинаковый класс и прописать ему нужные css свойства.

Comments

[buymyopps]

Я body давал свойство zoom но ничего не работало

Answer 3

[hzzzzl]

если всё задать в rem, то размеры будут относительно font-size родительского контейнера (например html)

Answer 4

[HamSter]

Смотря какая ситуация.

Если речь об адаптивности, то:

• Использовать медиазапросы
  @media screen and (max-width: XXXpx) { ... } @media screen and (min-width: XXXpx) { ... }
  
• Использовать относительные единицы измерения rem, vh, vw, ...
  

Если сайт "резиновый", то использовать относительные единицы измерения %, vh,vw, vmin для всего ( ширины,высоты, размера шрифта, отступы, ....)

Если нужно масштабирование определенного блока, то можно попробовать transform: scale(XX);