Добрый день, уважаемые знатоки:) Вопрос на засыпку. Имеется сайт. Но не устраивает масштаб всего сайта в целом. Уменьшаю масштаб сайта до 70-75% путем CTRL - и картинка устраивает. Возможно ли сделать уменьшение масштаба сайта через CSS итд не прибегая к изменению размера всех блоков. Тоесть чтобы грузился не 100% масштаб а 75% к примеру. Спасибо заранее.
P.S. Нужно кроссбраузерное решение...
Измените масштаб 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;
}
На body
добавьте свойство zoom
:
body {
zoom: .75
}
Работает даже в IE 8.
Вот только данное свойство в FF не сработает. Для него можно сделать полифил:
body {
-moz-transform: scale(.75);
-moz-transform-origin: center 0;
}
Однако transform
в FF может повлиять на отрисовку картинок. Для исправления этого советую воспользоваться решением из этого вопроса:
img {
image-rendering: optimizeQuality
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Доброго времени суток! В небольшом веб-приложении на React создал два класса, один - меню навигации, второй - вывод формы редактирования сущности...
Покажите пожалуйста простой пример, как из запроса к базе данных, вывести результат в таблицу html шаблонаПишу на golang
Необходимо одним кликом заставить сработать событие onclick на нескольких элементахОсновная проблема в том, что использовать средства JS для...
Как в UWP (universal windows platform) работать с сокетами? Есть документация Microsoft: