修改屏幕分辨率比例,4*3拼接屏 21:9 比例,大屏项目拼接适配屏解决方案

时间:2024-03-22 21:56:41
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 适配方案

本文介绍本地电脑怎么改自己电脑分辨率,一般实用于大屏拼接屏项目
修改屏幕分辨率比例,4*3拼接屏 21:9 比例,大屏项目拼接适配屏解决方案

2. 下面说下怎么把本地电脑设置为 21:9 分辨率的效果。

2.1 下载修改分辨率工具:修改屏幕分辨率工具

2.2 下载完解压后点击exe文件运行(设置 1920*824 就是 12:9
修改屏幕分辨率比例,4*3拼接屏 21:9 比例,大屏项目拼接适配屏解决方案
修改屏幕分辨率比例,4*3拼接屏 21:9 比例,大屏项目拼接适配屏解决方案
2.3 重启电脑后 点击桌面空白右键 -> 显示设置 -> 选择刚刚添加的分辨率

修改屏幕分辨率比例,4*3拼接屏 21:9 比例,大屏项目拼接适配屏解决方案
2.4 设置后效果
修改屏幕分辨率比例,4*3拼接屏 21:9 比例,大屏项目拼接适配屏解决方案