简单灯箱无法正确缩放答案

【问题标题】：Simple Lightbox not scaling correctly简单灯箱无法正确缩放
【发布时间】：2021-10-25 03:48:48
【问题描述】：

我正在制作一个关于世界遗产地的网站，并想使用simple lightbox 制作一个动态画廊网站。

一切顺利，然后我决定如果我使用扩展整个网站，网站会更好看

<body class="entire-webpage"></body> 然后使用
.entire-webpage{zoom:175%;} 作为css。

但是，单击后的图像无法正确缩放，我只能看到左上角的四分之一。

我正在使用网站 Simple Lightbox 提供的 css，所以我不确定应该更改 css 的哪一部分。

非常感谢。

【问题讨论】：

【解决方案1】：

你在这里使用缩放有什么原因吗？

如果你想增加字体大小，我可以使用 rem 相对增加字体。

body {
  font-size: 2rem;
}

这会产生类似的效果，而不会在结构上缩放任何东西。（记住要从 body 和 .sl-wrapper 中删除缩放类）

【讨论】：

【解决方案2】：

您有可以给我们的实时链接吗？还是你在本地开发？

这是一个更复杂的批次，但您最好使用单独的内容而不是缩放来放大内容，因为这在沙坑中并不总是那么好。

您可以通过以下方式抵消初始缩放来反转灯箱上的缩放：

.sl-wrapper {
  zoom: 58%;
}

但这并不准确，缩放身体可能会给您带来其他问题。

【讨论】：