我知道你可能认为这是一个奇怪的请求,但我目前正在处理一位客户提供给我的模板。他在浏览器中查看所有HTML内容后,决定将其缩小70%(!!!!),这导致我们之前所做的所有工作都白费了。如果我可以将比例调整为0.7(70%),那将会非常完美,而且项目还能按照原计划进行。谢谢!
我知道你可能认为这是一个奇怪的请求,但我目前正在处理一位客户提供给我的模板。他在浏览器中查看所有HTML内容后,决定将其缩小70%(!!!!),这导致我们之前所做的所有工作都白费了。如果我可以将比例调整为0.7(70%),那将会非常完美,而且项目还能按照原计划进行。谢谢!
body {
zoom: 0.7;
transform: scale(0.7);
transform-origin:0 0;
-ms-transform: scale(0.7);
-ms-transform-origin:0 0;
-moz-transform: scale(0.7);
-moz-transform-origin: 0 0;
-o-transform: scale(0.7);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.7);
-webkit-transform-origin: 0 0;
}
你或许可以使用 CSS 的缩放属性,但是会有负面影响吗? - 在 IE 5.5+、Opera、Safari 4 和 Chrome 中都支持(已验证,请在给差评前自行检查)。
Firefox 是唯一不支持缩放的主流浏览器(请点击此处查看),但你可以在 Firefox 3.5 中使用 “专有”的 -moz-transform 属性。
所以你可以使用:
div.zoomed { zoom: 70%; -moz-transform: scale(.7); }