html - 如何保持多个 HTML 页面之间的缩放级别统一？

Question

我有多个遵循相同布局的html网页。我的意思是他们都有相同的横幅，顶部是网站名称，下面是导航栏(具有相同的链接)等。我的问题是，当用户访问该网站并手动缩放(通过按住 CTRL + 鼠标滚轮)，然后访问链接到具有相同布局的另一个网页的链接时，缩放级别重置为默认一个。例如，如果我只是放大到比默认缩放多 5% 并访问一个链接，缩放将重置为默认缩放 -5%。

如何在 home.html -> a.html 和 b.html 页面之间保持统一的缩放级别，以便无论用户缩放和切换链接，它都在其他页面上保持相同的方式？为此我需要 Javascipt 还是可以使用 CSS 命令来实现？

Answer 1

嘿，你可以使用 css zoom: 150%;

您可以在所有页面中应用此 css。这使得用户缩放级别相同。

如果你想根据用户交互动态改变缩放级别，首先从页面读取缩放级别并通过 CSS 设置，应用于 body 标签。