javascript - 将页面缩小至 75%，而不影响页面布局

Question

我想将网页强制缩小到 75%。该网站属于我工作的公司网站，因此我无法共享代码。我已经尝试了一些在互联网上找到的方法，包括堆栈溢出。所有这些方式都会影响我的页面布局。我希望缩放像浏览器缩放一样平滑。

该页面中有轮播。也使用 Bootstrap 。 为什么我需要这个变焦？因为他们要求这样做。

1.

window.parent.document.body.style.zoom = 0.75;

2.

zoom : 0.75; width: extend-to-zoom;

3.

transform:scale(0.75);

4.

$('body').css('zoom','80%'); /* Webkit browsers */
$('body').css('zoom','0.8'); /* Other non-webkit browsers */
$('body').css('-moz-transform',scale(0.8, 0.8)); /* Moz-browsers */

Answer 1

看看https://jaukia.github.io/zoomooz/我认为它提供了您正在寻找的东西。