1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 修改屏幕分辨率比例 4*3拼接屏 21:9 比例 大屏项目拼接适配屏解决方案

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

时间:2023-11-02 02:57:46

相关推荐

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

1. 背景
一般默认我们的电脑都是1920 * 1080 就是 16:9现在前端做大屏项目有的会用到的是 4*3 拼接屏(如下图),就是7680*3240分辨率 就是21:9

然后就是拿着设计给你的设计搞,让UI设计1920*824(21:9)的ui图就好,为什么不让设计师直接设计7680*3240ui图,只要是方便前端去量尺寸设置宽高等,前端只需要所有的px尺寸的地方设置的rem值,到时候会根据实际的分辨率动态改变font-size,就可以实现拼接屏分辨率和适配问题。项目设置 rem 适配电脑分辨率可以参考lib-flexible适配方案

本文介绍本地电脑怎么改自己电脑分辨率,一般实用于大屏拼接屏项目

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

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

2.2 下载完解压后点击exe文件运行(设置1920*824 就是 21:9

2.3 添加自定义分辨率

2.3 重启电脑后 点击桌面空白右键 -> 显示设置 -> 选择刚刚添加的分辨率

2.4 设置前后效果

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。