google-chrome - 强制 Chrome 缩放到 100%

Question

在我们正在开发的产品中，有一项功能无法在 Chrome 中完美运行，除非您处于 100% 缩放状态。 Chrome 不是我们产品的主要目标，我们预计只有不到 5% 的用户使用它，因此我们不能分配大量时间来修复缩放 Chrome 的此功能(我们预计这是一个非常低的Cusers 用户的百分比)。

该功能是一个滚动小部件，可以一次向他们显示项目列表的有限 View 。在 FF、IE 和 100% 缩放的 Chrome 中，每次单击左箭头或右箭头都会滚动一个项目。在未 100% 缩放的 Chrome 中，每次点击滚动 0.5 到 1.5 个项目。

我们还发现 Chrome 在缩放级别不同于 100% 时会出现一些小的图形故障。

在我们的测试中，我们发现 Chrome 有时会在进入我们的网站时自动更改缩放级别。在进入我们的测试站点之前，我们会确保缩放比例为 100%，但是一旦我们到达我们的测试站点，缩放比例就会变为 90%。

有没有办法以编程方式强制 Chrome 100% 缩放？

Answer 1

JS:

$(document).ready(function () {
    document.body.style.transform = "scale(" + (window.innerWidth) / (window.outerWidth) + ")";
    document.body.style.width = 100 * (window.outerWidth) / (window.innerWidth) + "%";
});

$(window).resize(function () {
    document.body.style.transform = "scale(" + (window.innerWidth) / (window.outerWidth) + ")";
    document.body.style.width = 100 * (window.outerWidth) / (window.innerWidth) + "%";
});

CSS:

body{
  transform-origin:0 0;
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0;
  padding:0;
}

正文:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
body body body body...

更新:

如果您的网页内容在左侧，请使用 transform-origin: 0 0;如果它在右边使用 transform-origin: 100% 0;如果它在中心使用 transform-origin: center 0;如果您在少数地方或从左/上开始的 x 像素有内容，而不是分别缩放每个 div 的主体比例并将变换原点调整到它的位置，而不是像这样调整它的宽度和高度:

document.getElementById("id").style.width = document.getElementById("id").style.width * (window.outerWidth) / (window.innerWidth) + "px";
document.getElementById("id").style.height = document.getElementById("id").style.height * (window.outerWidth) / (window.innerWidth) + "px";