我需要将整个网站扩展到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同时缩放两次,因此我建议仅zoom在测试旧的IE浏览器时使用.

+1表示快速的肮脏修复会起作用，有时确实需要这样做。缺点是，通常情况下，这些快速修复一旦应用，往往会“只要有效”就保留在那里，因此“向他们收取双倍费用”的建议对我来说似乎是最好的。但这很酷:) (2认同)

Answer 2

您可以调整宽度为 80% 的 iframe 内的页面大小。您需要删除边框并关闭滚动，但它应该可以工作。

我还没有尝试过，但如果你问我的话，就浏览器兼容性和错误而言，它似乎可能是粗略的。只是想我会把它传递下去