包含html5显示设置的词条

html5游戏该怎么设置尺寸

canvas width="800" height="480" style="width:800px;height:480px"/canvas

有两个地方可以设置尺寸，开发的时候，使用style外边的width和height。

实际显示的时候，通过设置style中的width和height来适应各种分辨率。

游戏开发和网页布局思路不一样，网页布局会根据分辨率不同，来填充整个屏幕，游戏开发一般是在一个固定尺寸的画布上开发，然后调整整个画布来适应屏幕。

移动端，分辨率相差太大，做一个尺寸，然后等比缩放，可能不能适应所有分辨率。

这时候，就需要设计多种分辨率了。

安卓开发就是多种分辨率，对应多套素材。html5方面，cocos做了多分辨率的适应，开发者只需要关注设计尺寸就可以了。egret不了解，可以自己看一下。

这种适应解决的问题是：对于小屏，用尺寸大的素材，浪费资源，而且性能会很差；对于大屏，用尺寸小的素材，显示效果会比较差。

只适用于长宽比一定，但是分辨率差的很多的情况。

对于长宽比不一样的情况，只能是居中，留白（最好是用背景填充），毕竟，不可能针对每一种分辨率开发一套。

相关问答

Q1: 在HTML5中如何设置屏幕百分比

!DOCTYPE html

html lang="en"

head

meta charset="UTF-8"

title景安/title

/head

style type="text/css"

.head{width: 1000px;height: 200px;margin:0 auto;}

.head-a{width: 30%;height: 200px;background: blue;float: left;}

.head-b{width: 70%;height: 200px;background: orange;float: right;}

/style

body

div class="head"

div class="head-a"/div

div class="head-b"/div

/div

/body

/html

我们可以使用width：30%和width：70%这样的形式来设置百分比

Q2: 怎么修改html5的显示文字大小

设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下面代码：

html

head

style

#round{

width:400px;

height:200px;

}

#round p{

color:#f00; //设置字体颜色为红色；

}

/style

/head

body

div id="round"

p测试文字/p

/div

/body

/html

Q3: HTML5 自动显示和隐藏文字，hidden属性，为何以下方法不能实现？

hidden属性在html5中，只要存在，就是隐藏效果，而不论值为多少，要显示元素，要删除hidden属性，而不是设置为false。实现代码如下：

script type=“text/javascript” async=“true”

function qq_onclick（）{

var text_2=document.getElementById（“text_1”）；

text_2、removeAttribute（“hidden”）；

}

function qq_close（）{

var text_1=document.getElementById（“text_1”）；

text_1、setAttribute（“hidden”，true）；

}

/script

扩展资料：

HTML5的特性主要包括哪些内容

随着移2113动互联网的飞速发展，5261目前Html5技术也得到了不断的完善，开4102发技术方面越来越成熟了，成为了1653目前主流的开发语言之一。html5的特性在五个方面体现的淋漓尽致

1、语义特性：

HTML5赋予网页更好的意义和结构。

2、HTML5 APP Cache及本地存储：

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度

3、设备兼容：

HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以与浏览器内部的数据直接相连。

4、连接特性：

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，能实现服务器将数据“推送”到web app的功能。

5、图形特性：

基于SVG、Canvas、WebGL及CSS3的3D功能，用户能在浏览器中得以体验到惊艳的视觉效果。

Q4: html5设置图片自适应屏幕宽度

HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。自适应屏幕的宽度，利用css中background属性可以实现

工具/材料

浏览器，文本编辑器

新建一个HTML文件，代码如下图

打开HTML文件所在的文件夹，双击文件，跳转到浏览器

改变浏览器大小，发现图片没有变化，显示不全

在所在文件夹下，新建一个样式文件，命名为 auto.css，代码如下

在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化，自适应屏幕的大小

Q5: html5.怎么固定网页分辨率？

然而并不能固定。\r\n分辨率由显示器决定。只能通过CSS来决定页面的宽度尺寸。\r\n当你用1024*768的显示器时，你会发现页面很大。\r\n但你用1920*1080的显示器时。就会发现页面变小了。\r\n其实页面的尺寸还是一样的。变小是因为，你显示器变大了。\r\n比如你CSS宽度设置成1000PX。那么1920*1080的显示器中就多出了920px，页面自然就小了。\r\nH5并有有这一功能。你先要明白分辨率与尺寸的关系。

html5显示设置的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、html5显示设置的信息别忘了在本站进行查找喔。