1

我正在尝试编写一个 Javascript 函数，该函数在SAP WEBI中的按钮单击事件上运行，这使浏览器缩放到 80%。

我正在尝试使用在标准网站的情况下有效的代码（它不使用浏览器缩放，但实际上放大了按钮所在的元素，但是在 webi 的情况下它实际上什么都不做）

脚本：

function fullscreen() {
    document.body.style.zoom = "80%";
}

HTML：

<button id="1" onClick="fullscreen()">full screen view</button>

关于如何使浏览器在 SAP WEBI 中缩放回 80% 的任何帮助？

4

3 回答 3

1

使用十进制值而不是百分比

 document.body.style.zoom = 0.8

看到这个帖子

于 2018-07-24T07:37:30.497 回答
0

首先您应该知道 zoom 是一个非标准属性，请改用 transform

非标准 此功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为可能会在未来发生变化。

飞涨

你可以使用transform

document.body.style.webkitTransform =         
  document.body.style.msTransform =          
  document.body.style.transform = 'scale(5)';
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur similique cumque fugiat omnis quisquam ex harum. Quisquam ea velit architecto qui illum esse nesciunt earum nisi in voluptas ratione voluptatum!</p>

于 2018-07-24T07:42:24.483 回答
0

我不确定是否有任何方法可以通过这种方式放大或缩小浏览器，一些浏览器为此提供了它们的 API，但我不确定。

我可以建议的一种方法是使用 Javascript 缩小整个 DOM

document.body.style.zoom=1.0;
this.blur();

1.0 表示 100%

0.8 表示 80% （您的情况）

150% 将是 1.5

1000% 将是 10.0

等等。

this.blur()意味着光标，也许你选择了一个输入字段，失去了每个选择项的焦点。（参考）

于 2018-07-24T07:33:50.343 回答