将网页缩小到 90%

Question

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

我尝试了此处、此处和此处提到的最常见方法，所有这些方法基本上都告诉您在css.

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

这样做的问题是它在左侧和右侧产生了一个间隙，并且在顶部产生了一个巨大的间隙，当您通过执行ctrl+手动减小尺寸时，这些间隙不存在-。

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

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

我该怎么做？

编辑：正如乔纳森在评论中所说，如果我的页面在 90% 时看起来更好，我应该将它设计成那样而不是缩小。问题是我正在使用这个默认模板，我只是更喜欢它的 90% 而不是完整的 100%。

Answer 1

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

然后，在主体级别，您可以设置绝对尺寸，从而使相对尺寸重新计算为您想要的值。

如果您专门使用 em 或 ex：您为 body 声明 font-size: 90% ，并且您将能够即时调整。

这一切都取决于您选择的单位，使它们相对应将给您带来您现在正在寻找的自由。