我需要将整个网站扩展到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。

Answer 2

您可以在宽度为80％的iframe内重新调整页面大小。您需要删除边框并转动滚动但它应该有效。

这里的教程 How can I scale the content of an iframe?

我还没有尝试过，但似乎它可能是粗略的浏览器兼容性和错误，如果你问我。只是以为我会把它传递给