CSS 从上面的尺度

我正在尝试从左侧缩放整个页面。 这就是我的原始页面的样子:


但是,当我尝试缩放我的页面时,它会发生:


这是我的 CSS:


html {
zoom: 1.4; /* Old IE only */
-moz-transform: scale/1.4/;
-webkit-transform: scale/1.4/;
transform: scale/1.4/;
transform-origin: top left;
}


我究竟做错了什么? 他削减了我的一部分。
已邀请:

卫东

赞同来自:

我以前可以 "solve" 我的问题。

这就是我尝试的:

在 CSS, 在我改变的问题中显示了
html


body

:


body {
zoom: 1.4; /* Old IE only */
-moz-transform: scale/1.4/;
-webkit-transform: scale/1.4/;
transform: scale/1.4/;
transform-origin: top center;
margin-top: 5px;
}


我变了
transform-origin: top left


transform-origin: top
center

.

我也改变了 CSS 我的容器 div 所以它是以中心的。

这部分纠正了这个问题,因为它在页面上以良好为中心。

但是,页面的一部分仍显示不正确。 要解决它,我添加了
margin-top

对我的
body

.

裸奔

赞同来自:

我知道这个问题已经存在 3 年,但我刚刚遇到了它。 正确定位的原因是您的初始转换参数呈相反的方向,因此忽略。 它 "transform-origin: x-axis y-axis", 所以你应该有 "transform-origin: left top", not "transform-origin: top left".

涵秋

赞同来自:

zoom: 1.4; 
-moz-transform: scale/1.4/;
-webkit-transform: scale/1.4/;


缩放是您内容的剪辑。 将缩放减小到0.4,这种渲染是正确的。


zoom: 0.4; 
-moz-transform: scale/0.4/;
-webkit-transform: scale/0.4/;

要回复问题请先登录注册