大屏适配方案

目录：

1 认识大屏设备

2 大屏适配方案

3 开发注意事项

4 大屏项目实

一、大屏适配方案一(rem+fontsize)    需要下载rem.js并且使用rem作为单位开发，可以通过vscode插件  把px自动计算成rem

1、没有使用适配的情况

  
  
  
  
  



  

    
1
    
2
    
3
    
4
    
5
    
6
  

2、使用rem+fontsize实现大屏的适配

  
  
  
  
  



  

    
1
    
2
    
3
    
4
    
5
    
6
  

  

二、大屏适配的方案二(vw)

1、使用vw实现大屏的适配

  
  
  
  
  



  

    
1
    
2
    
3
    
4
    
5
    
6
  

三、大屏适配方案三(推荐)

1、使用scale实现大屏的适配

  
  
  
  
  



  

    
1
    
2
    
3
    
4
    
5
    
6
  

  

2、使用scale实现大屏的适配-动态判断

  
  
  
  
  



  

    
1
    
2
    
3
    
4
    
5
    
6