有没有类似于viewport initial-scale的适用于桌面端的meta标签或其他内容?

5

我知道你可能认为这是一个奇怪的请求,但我目前正在处理一位客户提供给我的模板。他在浏览器中查看所有HTML内容后,决定将其缩小70%(!!!!),这导致我们之前所做的所有工作都白费了。如果我可以将比例调整为0.7(70%),那将会非常完美,而且项目还能按照原计划进行。谢谢!

2个回答

8
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;
}

我刚洗澡时想到了这个。非常感谢! - Xeo

1

你或许可以使用 CSS 的缩放属性,但是会有负面影响吗? - 在 IE 5.5+、Opera、Safari 4 和 Chrome 中都支持(已验证,请在给差评前自行检查)。

Firefox 是唯一不支持缩放的主流浏览器(请点击此处查看),但你可以在 Firefox 3.5 中使用 “专有”的 -moz-transform 属性

所以你可以使用:

div.zoomed { zoom: 70%; -moz-transform: scale(.7); }

关于缩放属性,做得不错。他的老板可能会使用IE6之类的浏览器 :-). 你只是值写错了。它接受百分比,所以应该是zoom: 70%和scale(.7); 修改一下就可以获得点赞了。 - Gerben

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接