Каким образом отображение сайта при загрузке установить в указанный масштаб 90%?

Question

[Роман Винич]

# здравствуйте.
каким образом отображение сайта при загрузке установить в указанный масштаб 90%. Без "вид-масштаб изображения".
так чтобы страница хтмл отображалась в заданном ей масштабе.
# помогите пожалуйста.

Answer 1

[Евгений Калибров]

Процитирую интересный ответ со stackoverflow:

"Это функция браузера, которая не описана в стандартах. Браузеры вольны реализовывать масштабирование так, как захочется левой пятке архитектора браузера, а также учитывать предпочтения юзера в настройках.

Так как "уникальные" для браузеров фичи признаны Вселенским Злом™, то из жабоскрипта масштабирование недоступно.

Масштабирование может быть реализовано самим сайтом с помощью возможностей CSS.

Правильный способ

Использовать относительные размеры для шрифтов (%, em и др.), в корне страницы менять размер базового шрифта.

Для остальных элементов можно добавить дополнительные стили и опять же в зависимости от класса корня менять размер. Для картинок будет разумно округлять масштаб до "круглых" чисел вроде 50%, 33% и т. п.

Жёсткий способ

Использовать стандартное свойство CSS transform. Можно добавить в корень документа стиль transform: scale(N%), тогда отмасштабируется вся страница. Учтите, что за качество и производительность никто не отвечает.

Чтобы сохранить ширину страницы, её можно менять в соответствии с масштабом (помножить на обратное число, собственно).

Костыльный способ

Ипользовать нестандартное свойство CSS zoom. Опять же в корень можно добавить zoom: N%. Поддержка не гарантируется, работает не во всех браузерах."

Answer 2

[Артём Ведищев]

Оборачиваешь все в блок и даешь свойства
.main-wrap {width: 90%;}