简单灯箱无法正确缩放

Question

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

一切顺利，然后我决定如果我使用

扩展整个网站，网站会更好看

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

但是，点击后的图像无法正确缩放，我只能看到左上角。

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

非常感谢。

Answer 1

你有直播吗link可以给我们吗？还是在本地开发？

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

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

.sl-wrapper {
  zoom: 58%;
}

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

Answer 2

你在这里使用缩放是有原因的吗？

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

body {
  font-size: 2rem;
}

这提供了类似的效果，但没有在结构上缩放任何东西。（记得从正文和 .sl-wrapper 中删除缩放 class）

Simple Lightbox not scaling correctly