css - 我需要将整个网站缩小到 80%

Question

我刚刚根据客户发送给我的 Photoshop 文件为客户建立了一个网站，他们回来告诉我 PSD 不知何故是他们应该的大小的 125%，他们需要将所有内容缩小到现在的 80%。

我想我需要重新剪切所有图像，但我不想重写 CSS，所以我正在探索替代方案。

目前，所有值都以像素为单位。我想知道我是否应该尝试找到一个脚本来获取所有像素值并乘以 .8，或者我是否应该使用 px 到 em 转换器然后将 html 标记中的基本大小设置为 80%，或者如果有更好的方法来解决这个问题。

Answer 1

丑陋的 css 黑客警报! :D

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

更新

最新的 Chrome 和 IE10 支持(并应用)两者 zoom 和 transform 同时缩放两次，所以我建议在测试旧的 IE 浏览器时只使用 zoom。