Уменьшение масштаба сайта, возможно ли?

257
26 февраля 2017, 07:25

Добрый день, уважаемые знатоки:) Вопрос на засыпку. Имеется сайт. Но не устраивает масштаб всего сайта в целом. Уменьшаю масштаб сайта до 70-75% путем CTRL - и картинка устраивает. Возможно ли сделать уменьшение масштаба сайта через CSS итд не прибегая к изменению размера всех блоков. Тоесть чтобы грузился не 100% масштаб а 75% к примеру. Спасибо заранее.

P.S. Нужно кроссбраузерное решение...

Answer 1

Измените масштаб body

body {
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   -ms-transform: scale(0.75);
   transform: scale(0.75);
   -webkit-transform-origin: center 0;
   -moz-transform-origin: center 0;
   -ms-transform-origin: center 0;
   -o-transform-origin: center 0;
   transform-origin: center 0;
}
Answer 2

На body добавьте свойство zoom:

body {    
  zoom: .75 
}

Работает даже в IE 8.

Вот только данное свойство в FF не сработает. Для него можно сделать полифил:

body {
   -moz-transform: scale(.75);
   -moz-transform-origin: center 0;
}

Однако transform в FF может повлиять на отрисовку картинок. Для исправления этого советую воспользоваться решением из этого вопроса:

img {
    image-rendering: optimizeQuality
}
READ ALSO
React и рендеринг класса

React и рендеринг класса

Доброго времени суток! В небольшом веб-приложении на React создал два класса, один - меню навигации, второй - вывод формы редактирования сущности...

256
html шаблон, вывести данные из запроса в БД

html шаблон, вывести данные из запроса в БД

Покажите пожалуйста простой пример, как из запроса к базе данных, вывести результат в таблицу html шаблонаПишу на golang

277
Исполнение onclick события для нескольких элементов

Исполнение onclick события для нескольких элементов

Необходимо одним кликом заставить сработать событие onclick на нескольких элементахОсновная проблема в том, что использовать средства JS для...

252
Как работать с сокетами в UWP (server/client)

Как работать с сокетами в UWP (server/client)

Как в UWP (universal windows platform) работать с сокетами? Есть документация Microsoft:

324