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 設置前後效果