做一个分辨率为10804*3840，尺寸7200*2025mm的led大屏幕开发，前端页面应该怎么布局？

Question

led大屏的设备信息为：
分辨率: 10804*3840
尺寸: 7200*2025mm；

设计分辨率是10804*3840，单位像素，那么前端的页面宽高是否也要写成{width: 10804px; height: 3840px}呢？页面的内容尺寸也要按照设计图的标注来吗？因为设计图都是以px为单位标注的。

这种大屏幕的开发是不是无需考虑宽高变化的适配？这么宽的宽度，如果要考虑应该怎么设计

Answer 1

大屏幕未必要用物理像素展示，建议你先搞清楚真实（理论）分辨率。

确定之后，你就可以按照正常方式来开发了。然后你可以把设计稿的尺寸按照真实（理论）分辨率缩放。

Answer 2

适配方案的话，也可以看成 cover、contain、fill 想象成背景图，再搭配对齐方式。

1. 保证铺满全屏。最短边适配，长边有可能看不到

   1. 移动端适配 flexible、rem 都是基于这个方案。只不过普通的页面本身就会滑动着看，所以还好。
   2. 变种：垂直水平居中。
   3. 变种：设置 max-width

2. 保证全显示。最长边适配，最短边出现空白

   1. pc 端 980 ，知乎、百度都是这种设计。
3. 拉伸，会导致变形

其他的方案都是在上面做的变种。

Answer 3

这个的关键其实是真实显示分辨率适配，然后再是页面布局方案。

分辨率可以和尺寸一点关系都没有的。

Answer 4

不说具体技术实现，一般这样的大屏 都有专门的设备，只要了解对应设备（一般都是一台专门的电脑，PC或笔记本），对专门的设备进行适配就行了