Electron 设置zoomFactor让布局在任何设备上效果相同

来源:互联网 发布:java注解是什么 编辑:程序博客网 时间:2024/04/30 22:31

在不同的设备上(分辨率、长宽比不同),同一个html的显示效果会不同,如何让他们相同呢?(不涉及Html的自适应布局)
在使用Bootstrap(自适应宽度的情况下), 我找到了一个公式来计算合适的zoomFactor来实现不同设备上完全的效果相同(比如windows笔记本、mac等)
在任意js文件里(被html引用的),加入以下代码:

var devInnerHeight = 658.0; //开发时的InnerHeightvar devDevicePixelRatio = 1.5; //开发时的devicepixelratiovar devScaleFactor = 1.5; //开发时的ScaleFactorvar scaleFactor = require('electron').screen.getPrimaryDisplay().scaleFactor;var zoomFactor = window.innerHeight / devInnerHeight * window.devicePixelRatio / devDevicePixelRatio * devScaleFactor / scaleFactor;require('electron').webFrame.setZoomFactor(factor);


1 0