当使用CSS(Firefox)缩小时,如何保持整个网站与顶部对齐?

当使用CSS(Firefox)缩小时,如何保持整个网站与顶部对齐?,css,firefox,zooming,viewport,Css,Firefox,Zooming,Viewport,我使用CSS缩放属性在95%左右缩小网站(出于响应目的) 然而,当我为Firefox使用-moz transform属性时,网站会对齐到中间,因此顶部有一个巨大的间隙,网站越缩小 当我在浏览器上使用cmd+“向下滚动”进行手动缩小时,它会缩小,网站仍与顶部对齐 事情就是这样: 这就是我希望发生的事情: 我找到了一个非常简单的答案 只需将此添加到body/html css: -moz-transform-origin: 50% 0; 以防有人觉得这很有用。像这样的东西 html{ 高度:90

我使用CSS缩放属性在95%左右缩小网站(出于响应目的)

然而,当我为Firefox使用-moz transform属性时,网站会对齐到中间,因此顶部有一个巨大的间隙,网站越缩小

当我在浏览器上使用
cmd+“向下滚动”
进行手动缩小时,它会缩小,网站仍与顶部对齐

事情就是这样:

这就是我希望发生的事情:


我找到了一个非常简单的答案

只需将此添加到body/html css:

-moz-transform-origin: 50% 0;
以防有人觉得这很有用。

像这样的东西

html{
高度:900px;
填充:0;
保证金:0;
高度:900px;
宽度:100%;
背景:#A2D0;
}
#网站容器{
宽度:950px;
高度:400px;
位置:固定;
排名:0;
左:0;
右:0;
左边距:自动;
右边距:自动;
背景#77A7F9;
}

主网站
-moz-transform-origin: 50% 0;