blocks|key|1973222|text|我不相信你能做到。在IE上，您可以使用zoom+CSS属性来模拟它，但这是非标准的，因此IE外部的支持会有所不同。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1973223|entityMap^0|J|4|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

I don't believe you can. On IE you could simulate it with the <code>zoom</code> CSS property, but that's non-standard and so support outside IE will vary.

blocks|key|1973235|text|我不相信有一种基于标准的方法来做到这一点。某些浏览器可能会提供自己的API来实现这一点，但我对此表示怀疑。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1973236|也就是说，我在过去通过一些CSS技巧实现了这个效果。本质上是在CSS中定义每个度量(宽度、高度、边距、填充、字体大小等)。在em而不是px中。这实际上使得所有内容的大小都依赖于文档的默认字体大小。然后，为了缩放，您可以更改body标记的字体大小，以使内容变小或变大。如果仔细操作，效果看起来就像用户使用浏览器进行缩放一样。|1973237|为了方便起见，我喜欢使用CSS重置样式表，它将1em设置为10px。这样，如果您希望div的宽度为200px，只需将其设置为20em即可。您可以通过在CSS重置样式表中将body+font-size设置为62.5%25来完成此操作。由于大多数浏览器的默认字体大小为16px，因此为1em=16px，10px为62.5%25。|1973238|我希望这对我有帮助，要做好它需要做很多工作，但是使用em而不是px在处理HTML和CSS时已经在无数方面帮助了我。|1973239|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I do not believe there is a standards based way to do this. Certain browsers may offer their own API to do this but I am doubtful.

That being said I have accomplished this effect in the past through some CSS trickery. Essentially in your CSS define every measurement (width, height, margin, padding, font-size, etc.) in em instead of px. This essentially makes the size of everything dependent on the default font size of the document. Then to zoom you change the font-size of the body tag to make things smaller or larger. If you do this carefully the effect will look the same as if the user zoomed using their browser.

To make life easier when doing this I like to use a CSS reset stylesheet that sets 1em to be 10px. That way if you want a div to be 200px wide you just set it to be 20em. You can accomplish this by setting the body font-size to 62.5% in your CSS reset stylesheet. Since most browsers have a default font size of 16px and therefore 1em=16px, 10px is 62.5%.

I hope this helps, it is a lot of work to do it right, but using em instead of px has helped me in countless ways when working with HTML and CSS.

blocks|key|2753039|text|我想这个问题已经被回答了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2753040|window.parent.document.body.style.zoom+=+1.5;|code-block|syntax|javascript|2753041|"Zoom"+a+browser+window/view+with+JavaScript?|offset|length|2753042|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/9798331/zoom-a-browser-window-view-with-javascript^0|0|0|0|19|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Think this was already answered with

<pre><code>window.parent.document.body.style.zoom = 1.5;
</code></pre>

<a href="https://stackoverflow.com/questions/9798331/zoom-a-browser-window-view-with-javascript">&quot;Zoom&quot; a browser window/view with JavaScript?</a>

Is it possible to trigger Browser's zoom-in and zoom-out function through JavaScript?

I want to add Zoom-In(+) and Zoom-Out(-) buttons in my website, and by clicking on the button want to call browser's zoom-in (which can be called by pressing ctrl and +) / zoom-out (ctrl and -) function.

triggering browser Zoom-in and Zoom-out functions

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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