1. 背景
- 一般默认我们的电脑都是
1920 * 1080 就是 16:9
- 现在前端做大屏项目有的会用到的是 4*3 拼接屏(如下图),就是
7680*3240
分辨率 就是21:9
然后就是拿着设计给你的设计搞,让UI设计1920*824(21:9)
的ui图就好,为什么不让设计师直接设计7680*3240
ui图,只要是方便前端去量尺寸设置宽高等,前端只需要所有的px尺寸的地方设置的rem值,到时候会根据实际的分辨率动态改变font-size,就可以实现拼接屏分辨率和适配问题。 - 项目设置 rem 适配电脑分辨率可以参考
lib-flexible
适配方案
本文介绍本地电脑怎么改自己电脑分辨率,一般实用于大屏拼接屏
项目
2. 下面说下怎么把本地电脑设置为 21:9 分辨率的效果。
2.1 下载修改分辨率工具:修改屏幕分辨率工具
2.2 下载完解压后点击exe文件运行(设置 1920*824 就是 12:9
)
2.3 重启电脑后 点击桌面空白右键 -> 显示设置 -> 选择刚刚添加的分辨率
2.4 设置后效果