这个项目很适合小白学习下怎么来创建一个大屏幕项目,以及一些思路,比如框高占比怎么做,尺寸大小的适配怎么做
modao/chandao 这种产品网站很多
正常的电脑的屏幕尺寸都在16:9这种宽高比范围内
![image](https://raw.githubusercontent.com/pro-xiaoy/bigScreen/main/./static/images/demo1.png)
- 当客户的设备的尺寸 > (16/9) [更宽] 说明我们展示的内容应该左右居中, 展示内容的宽度应该是设备高度/(16/9)
- 当客户的设备尺寸 < (16/9) [更高] 说明我们展示的内容应该上下居中, 展示内容的宽度应该是设备高度
![image](https://raw.githubusercontent.com/pro-xiaoy/bigScreen/main/./static/images/demo2.png)
做了一个简单的demo,因为没用sass,算rem的方式不可取,只是展示出代码思路
展示效果
![image](https://raw.githubusercontent.com/pro-xiaoy/bigScreen/main/./static/images/showdemo.png)