[unity3d]發布網頁版Unity自適應網頁大小

發布時間：2020-07-19 23:46:47 來源：網絡閱讀：433 作者：蓬萊仙羽欄目：游戲開發

發布網頁版，Unity3D自適應網頁大小。這個問題困擾了我很長時間，今天終于把他解決了，給大家分享一下。

這里用Uinty4.0發布網頁版，我去掉了里面的標題和下載連接地址的Div，目的是讓代碼看起來易懂。

自適應網頁大小與發布網頁時PlayerSettings設置的width和height大小無關，只要講網頁里面的標注的代碼設置好，就可以實現u3d自適應網頁大小。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unity Web Player | ceshiExt</title>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type="text/javascript">
<!--
var unityObjectUrl = "http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject2.js";
if (document.location.protocol == 'https:')
unityObjectUrl = unityObjectUrl.replace("http://", "https://ssl-");
document.write('<script type="text\/javascript" src="' + unityObjectUrl + '"><\/script>');
-->
</script>
<script type="text/javascript">
<!--
var config = {
width: '100%', //設置成100%
height: '100%' //設置成100%
};
var u = new UnityObject2(config);
jQuery(function() {
u.initPlugin(jQuery("#unityPlayer")[0], "Decor.unity3d");
});
-->
</script>
<style type="text/css">
<!--
html,body{ height:100%; margin:0px auto;} //注意這段樣式是后添加進來的
div#unityPlayer {
width: 100%; //設置成100%
margin: 0 auto;
background: #FFFF00;
height: 100%; //設置成100%
}
-->
</style>
</head>
<body>
<div id="unityPlayer">
</div>
</body>
</html>

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站