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
- Electron 设置zoomFactor让布局在任何设备上效果相同
- 谷歌称Android 3.0系统可运行在任何设备上
- 在任何设备上都完美呈现的30个华丽的响应式网站
- 如何让你的java程序可以在任何机器上双击运行
- 让非商业版的Qt编译的程序在任何电脑上运行
- 如何让你的java程序可以在任何机器上单击运行
- OSX: Scripts,让BootCamp在任何Mac上支持生成Windows7的USB安装盘
- Richtextbox zoomFactor 设置技巧
- 该 App 的 Info.plist 不能包含阻碍在任何 iOS 设备上打开此 App 的 UIRequiredDeviceCapabilities 键值
- 该 App 的 Info.plist 不能包含阻碍在任何 iOS 设备上打开此 App 的 UIRequiredDeviceCapabilities 键值
- 该 App 的 Info.plist 不能包含阻碍在任何 iOS 设备上打开此 App 的 UIRequiredDeviceCapabilities 键值
- 让iframe框架网页在任何浏览器下自动伸缩
- 让脸皮在任何时候保持同样的温度
- java程序如何可以在任何机器上双击运行
- C++语言可以运行在任何机器上么?
- 怎么让自定义的脚本文件在任何路径下输入文件名可直接运行
- border-radius属性可以加在任何属性之上,使之产生圆角效果
- 使自己的网页在任何分辨率的显示器上都居中显示
- 多线程之退出方式
- 129. Sum Root to Leaf Numbers\43. Multiply Strings\494. Target Sum\98. Validate Binary Search Tree
- Ubuntu 程序“java”已包含在下列软件包中问题解决
- Failed to issue method call: Unitmysql.service failed to load: No such file or directory.
- MySql索引算法原理解析
- Electron 设置zoomFactor让布局在任何设备上效果相同
- 兼容问题
- hadoop环境搭建过程中遇到Unable to load native-hadoop library for your platform
- mysql优化(1)show命令慢查询日志explainprofiling
- 欢迎使用CSDN-markdown编辑器
- Java8 Stream Lambda
- 向maven仓库中导自己的jar包依赖
- Android NDK程序动态调试 初步尝试
- Java中的异常