屏幕尺寸
屏幕尺寸主要关心的是用户的分辨率和缩放百分比,如果要是 分辨率 1024*768
缩放比 150%
那整个屏幕会非常大,这时我们在做 UI 的时候务必要考虑尺寸问题。
我是基于分辨率 1024*768
来做 UI 部分的。一般软件都会默认支持用户的手动缩放, 因为是系统级功能,所以 Electron 支持也很不错,如果我们不限制用户缩放那么 UI 页面最好设计成响应式布局,根据视口宽度自适应,这也方便移动端适配。
至于 缩放比
通过 Nodejs 或者前端都能获取到。
我在做 UI 页面的时候都会检查一遍窗口变窄上下左右是否有滚动条,并且能否滚动到最底部,之前遇到一个用户使用电竞仓屏幕,很窄,当时忘加滚动条了,很尴尬。