Question

当您在任何浏览器上按Ctrl + -时，该页面会缩小到其原始大小的90％。我需要复制它，默认情况下以90％的原始网页打开我的网页，而不是100％，因为它看起来更好，只有90％。

我尝试了here，here和here提及的最常用方法，所有这些方法基本上都告诉您在css中添加此代码块。

html
{
    zoom: 0.9; /* Old IE only */
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

这个问题是它会在左侧和右侧产生间隙，并在顶部产生巨大的间隙，当您通过{{1}手动缩小尺寸时，这些间隙不会出现}} + ctrl。

当我使用上面提到的代码时会发生这种情况 - 请注意左侧，右侧，顶部的间隙。

虽然这就是我想要的 - 当您在浏览器中手动执行- + ctrl时会发生这种情况。

我该怎么做？

编辑：正如乔纳森在评论中所说，如果我的页面看起来更好，达到90％，我应该将其设计为这样，而不是缩小规模。问题是我使用的是this default template，而我更喜欢90％，而不是100％。

Answer 1

您需要在CSS中使用/转换为相对单位。％或em或rem。

然后在身体级别，你可以设置一个绝对大小，导致相对的度量重新计算你想要的。

如果您使用em或ex专门：你为body指定font-size：90％，你就可以动态调整。

这一切都取决于你选择的单位，让它们变得亲戚会让你获得你现在正在寻找的那种自由。

Answer 2

也许你可以用margin-top补偿这个差距：-50px;对于特定元素。