Добрый день, уважаемые знатоки:) Вопрос на засыпку. Имеется сайт. Но не устраивает масштаб всего сайта в целом. Уменьшаю масштаб сайта до 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
}
Сборка персонального компьютера от Artline: умный выбор для современных пользователей