html - 如何以编程方式检测缩放事件并在当前页面的 Chrome 中设置缩放?

标签 html google-chrome webkit zooming

Chrome 可以zoomed in or outCtrl + +- (Windows)。

而且我还注意到有些网页可以检测当前页面是否缩放。

他们是如何做到这一点的?是否有任何 Webkit 或 HTML5 API 可以通过编程方式在当前页面上缩放 Chrome?

最佳答案

在 CSS 中:

zoom: 150%

将此 css 属性应用于正文

或者在js中

$(document.body).css('zoom','150%')

要捕获缩放事件,有几种技术(例如检查“调整大小”上的缩放)- 检查此主题 Catch browser's "zoom" event in JavaScript

关于html - 如何以编程方式检测缩放事件并在当前页面的 Chrome 中设置缩放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26645833/

相关文章:

javascript - 用于甘特图的 DHTMLX 多选下拉复选框过滤器

java - 无法使用firefox的Rest Client进行post调用

javascript - 有什么方法可以使用 HTML5/CSS/Javascript 对位图进行颜色转换吗?

javascript - Webkit 转换,旋转后翻译

CSS div 页脚和列高问题

html - 高度问题 :100% on image

javascript - 当选项卡或 url 更改时更改 chrome 扩展程序图标

node.js - 原子壳( Electron )是否可以使用系统级API?

css - Chrome 在方向改变后隐藏滚动元素

javascript - 在android中使用webview将javascript文件注入(inject)我的网站