unitywebgl中实现分辨率自动适配页面大小的方式和代码

在Unity WebGL中，可以通过设置Canvas Scaler的属性来实现分辨率自动适配页面大小的效果。以下是实现的步骤和代码：

1. 在Unity中创建一个Canvas，并将其Render Mode属性设置为Screen Space - Overlay。
2. 在Canvas下创建一个UI Panel，将该Panel的锚点设置为左上角，同时将宽高比设置为16:9（或其他比例）。
3. 在Canvas下的Panel上添加一个Canvas Scaler组件，设置UI Scale Mode属性为Scale With Screen Size，Reference Resolution属性为1080x1920（或其他分辨率），Screen Match Mode属性为Match Width Or Height，Match属性为0.5。
4. 在Canvas下的Panel上添加任何需要显示的UI元素。
5. 在Unity中的Build Settings中选择WebGL平台，然后点击Build And Run按钮生成WebGL项目。
6. 在WebGL项目中打开index.html文件，可以看到Canvas会自动适配浏览器窗口的大小。

以下是代码实现的示例：

using UnityEngine;
using UnityEngine.UI;

public class CanvasScalerAuto : MonoBehaviour
{
    private CanvasScaler canvasScaler;

    private void Awake()
    {
        canvasScaler = GetComponent<CanvasScaler>();
        canvasScaler.uiScaleMode = CanvasScaler.ScaleMode.ScaleWithScreenSize;
        canvasScaler.referenceResolution = new Vector2(1080, 1920);
        canvasScaler.screenMatchMode = CanvasScaler.ScreenMatchMode.MatchWidthOrHeight;
        canvasScaler.matchWidthOrHeight = 0.5f;
    }
}

将上述代码添加到Canvas上的任何一个脚本组件中即可。