Unity打包WebGL后 自适应网页分辨率

使用版本：Unity2022.3.14

效果： 可自适应 ，留白为黑色

视频效果：

2024-03-21-16-46-25-CSDN直播

坑1

top left 无效，无法居中显示游戏内容

原因; position 不能是 static 改为absolute

坑2

留白改为黑色

  
    html
    {
      background-color: black;
    }
  

修改步骤

1 自适应代码块（’unity-canvas’拼写需要和上发一样 不然无效）

2 修改了positon属性为absolute

3 修改默认 留白为留黑

    html
    {
      background-color: black;
    }
  

完整代码

在unity打包后的文件夹下面名字是index.html

按照上方修改步骤进行

  
    
    
    
    
    
    
  
  
    
      
      
        
        
          
        
      
       
    
    
    

    
    
  
  

  
    html
    {
      background-color: black;
    }
  

声明

代码借鉴的不同帖子的代码非完全原创
仅仅作为记录！