[unity3d]发布网页版Unity自适应网页大小

发布网页版，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>

时间： 2024-10-31 14:42:45

[unity3d]发布网页版Unity自适应网页大小的相关文章

告白小人网页版怎么玩网页告白小人怎么打字？

还记等之前告白神器app"告白小人"吗?虽然安卓版本一直没有出,不过有网页版本可以体验哦,告白小人网页版怎么玩?下小编就来教大家怎么用网页版告白小人打字. 告白小人网页版怎么玩网页告白小人怎么打字? 首先当然要打开告白小人网页版网址:http://upuptoyou.com/# 找不到地方吗?直接点击顶端的[PLAY]吧.! 接下来就是输入文字,不用空格,直接打,一个字就会自动出现一个举牌小人.各个按钮操作如下图所示,大家可以参考一下. 制作完成之后想要就可以直接下载了. 最终效

自适应网页设计：不同的设备呈现同样的网页

随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下:PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素.同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事. 很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone

自适应网页设计（Responsive Web Design）

微信网页版APP - 网页微信客户端电脑版体验

微信网页版很早就出来了,解决了很多人上班不能玩手机的问题.微信电脑版-网页微信客户端,直接安装在桌面的微信网页版,免去了开浏览器的麻烦.双击就启动了,和其他的应用程序一样:运行过程中可以隐藏在桌面右下角,有微信消息时会自动弹出一个小提示框,暂时没有快捷键提取消息.想查看更多订阅号历史消息可以用搜狗微信搜索噢. 微信网页版登陆首页:wx.qq.com 登录网页微信客户端和登录微信网页版一样,使用微信扫描二维码以登录,这点还是需要手机先安装微信才能扫描,如果比较早前的智能机或功能就没法装微信了,解决

响应式网页设计:rem设置网页字体大小自适应

文章简介:响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求.响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web 的初衷. 首先简单科普一下什么是响应式网页.响应式网页是指会根据输出设备的分辨率不同,而自动调整布局的网页.同时,在输出设备分辨率改变时,也能及时自动调整.说穿了,就是三个字:自适应. 响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求.响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web

有道词典4.3正式版发布网页版单词本新鲜出炉

8月9日,有道词典4.3正式版发布.该版本在4.3Beta版基础之上新增了网页版在线单词本功能,并结合有道搜索技术对释义数据库进行了优化,使新版有道词典能够实现丰富的划词释义功能,更加强大也更具内涵. 新增网页版单词本,多平台轻松背单词有道词典4.3正式版新增了用户呼声很高的在线单词本功能,用户在使用网页版词典查询单词时,可以通过"单词本"按钮轻松一键将生词收藏到单词本中(图一). 图一:在线单词本的添加按钮网页版在线单词本也提供了卡片模式帮助用户进行单词学习,并依据艾宾浩斯遗忘曲

微信4.2版发布：支持视频通话新增网页版

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客云主机技术大厅微信4.2版今日发布,支持视频通话 [TechWeb报道]7月19日消息,微信4.2版今日正式发布,支持视频通话,新增微信网页版,通过二维码扫描即可将网页版和手机版打通. 微信4.2版新增视频聊天插件,可视频通话;新增微信网页版,与手机版打通;朋友圈新增评论回复功能,发图可选择可见范围. 微信新增网页版,用户使用微信扫描二维码即可登陆微信网

Rafy 框架-发布网页版用户手册

前段时间把 Rafy 的用户手册由 CHM 格式转换为了网页格式,而且发布到了 github.io 上,即方便文档的实时更新,也方便大家查看. Rafy 用户手册网页版地址: http://zgynhqf.github.io/Rafy. --------------------------------------------------------------------------- 附: 如何使用 github.io 来发布网页版帮助文档: https://help.github

html5-手机网页中，图片按钮自适应屏幕大小沉底

问题描述手机网页中,图片按钮自适应屏幕大小沉底 HTML5做手机网页,现在需要将一排4个按钮沉底,网页已经自适应屏幕大小宽和高都100%, 为什么我用百分比设置的时候,要达到百分之一百多,在苹果5,6,6P模式下都蛮好, 到苹果4就不行.有什么快速方便的解决办法解决方案手机网页屏幕自适应获取手机屏幕大小和图片自动适应大小