Unity打包webgl屏幕自适应的写法

波波斯维奇

于 2019-09-12 17:19:44 发布

阅读量3.1k

点赞数 2

分类专栏： Unity的webGl

本文链接：https://blog.youkuaiyun.com/qq_17367039/article/details/100777680

版权

前言：因为在最近的项目将在电脑浏览器显示的应用移植到微信端浏览器，打出包放到服务器上使用手机微信浏览器打开发现了屏幕适配有问题，所以就想到了屏幕适配的问题。通过在网上查阅相关资料，发现只需修改webgl包里的一个html文件里的代码就可以解决这个问题。下面就是解决办法：
1.Unity打出的webgl包如图所示，打开其中的index.html文件.。在这里插入图片描述
2.打开后是这样子的，修改其中的部分代码。

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | WebTest</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <script src="TemplateData/UnityProgress.js">