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

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 就是 21:9
在這裏插入圖片描述
2.3 添加自定義分辨率
在這裏插入圖片描述
2.3 重啓電腦後 點擊桌面空白右鍵 -> 顯示設置 -> 選擇剛剛添加的分辨率

在這裏插入圖片描述
2.4 設置前後效果
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章