Мне нужно масштабировать весь сайт до 80%

Я только что построил веб-сайт для клиента на основе файлов Photoshop, которые они мне прислали, и они вернулись и сказали мне, что каким-то образом PSD были на 125% размером, который они должны были быть, и что им нужно быть сократите все до 80% того, что есть сейчас.

Я полагаю, что мне нужно будет перерезать все изображения, но я бы предпочел не переписывать CSS, поэтому я изучаю альтернативы.

В настоящее время все значения находятся в пикселях. Мне интересно, если я попытаюсь найти script, который будет принимать все значения пикселей и умножаться на .8, или если я должен использовать конвертер px в em, а затем установить размер базы в теге html на 80%, или если есть лучший способ исправить эту проблему.

Ответ 1

Уродливый css взломать предупреждение!: D

html {
    zoom: 0.8; /* Old IE only */
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

Update

Появляется последний Chrome и IE10 поддерживает (и применяет) как zoom, так и transform одновременно, масштабируя его дважды, поэтому я рекомендую использовать только zoom при тестировании старых браузеров IE.

Ответ 2

Вы можете изменить размер страницы внутри iframe с шириной 80%. Вам нужно будет удалить границы и включить прокрутку, но она должна работать.

Учебник здесь Как я могу масштабировать содержимое iframe?

Я не пробовал, но кажется, что это может быть отрывочно, насколько это возможно для браузера и ошибок, если вы спросите меня. просто подумал, что пройду его