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

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

var devInnerHeight = 1080.0 // 开发时的InnerHeight
var devDevicePixelRatio = 1.0// 开发时的devicepixelratio
var devScaleFactor = 1.3 // 开发时的ScaleFactor
var scaleFactor = require('electron').screen.getPrimaryDisplay().scaleFactor
var zoomFactor = (window.innerHeight / devInnerHeight) * (window.devicePixelRatio / devDevicePixelRatio) * (devScaleFactor / scaleFactor)
require('electron').webFrame.setZoomFactor(zoomFactor)