首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >触发浏览器放大和缩小功能

触发浏览器放大和缩小功能
EN

Stack Overflow用户
提问于 2010-12-28 00:05:05
回答 3查看 29.1K关注 0票数 7

是否可以通过JavaScript触发浏览器的放大和缩小功能?

我想在我的网站中添加放大( +)和缩小( -)按钮,并通过点击按钮来调用浏览器的放大(可以通过按ctrl和+调用)/缩小(ctrl和-)功能。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-12-28 00:20:21

我不相信有一种基于标准的方法来做到这一点。某些浏览器可能会提供自己的API来实现这一点,但我对此表示怀疑。

也就是说,我在过去通过一些CSS技巧实现了这个效果。本质上是在CSS中定义每个度量(宽度、高度、边距、填充、字体大小等)。在em而不是px中。这实际上使得所有内容的大小都依赖于文档的默认字体大小。然后,为了缩放,您可以更改body标记的字体大小,以使内容变小或变大。如果仔细操作,效果看起来就像用户使用浏览器进行缩放一样。

为了方便起见,我喜欢使用CSS重置样式表,它将1em设置为10px。这样,如果您希望div的宽度为200px,只需将其设置为20em即可。您可以通过在CSS重置样式表中将body font-size设置为62.5%来完成此操作。由于大多数浏览器的默认字体大小为16px,因此为1em=16px,10px为62.5%。

我希望这对我有帮助,要做好它需要做很多工作,但是使用em而不是px在处理HTML和CSS时已经在无数方面帮助了我。

票数 11
EN

Stack Overflow用户

发布于 2013-10-04 00:47:07

我想这个问题已经被回答了

代码语言:javascript
运行
复制
window.parent.document.body.style.zoom = 1.5;

"Zoom" a browser window/view with JavaScript?

票数 9
EN

Stack Overflow用户

发布于 2010-12-28 00:11:45

我不相信你能做到。在IE上,您可以使用zoom CSS属性来模拟它,但这是非标准的,因此IE外部的支持会有所不同。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4539955

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档