html5自适应屏，h5自适应布局

html5制作工具怎么做屏幕自适应

首先，在网页代码的头部，加入一行viewport元标签。

了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。

可以用JS监控屏幕大小，然后调整Canvas的大小。

相关问答

Q1: html怎么手机自适应屏幕大小

1、建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3：看你之前是怎么做的，最好都调整成百分比的，这样最省事。

2、，输入position：fixed；top：0；left：0；将整个div固定在屏幕的顶部和左侧。

3、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

4、html.style.fontSize = rem + px；媒体查询 媒体查询正是为解决网页适应手机屏幕。

5、而meta name=viewport content=width=device-width /的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。

Q2: html5里面怎样自动适应手机屏幕的高度

如果你想的是高度和屏幕高度一样，那就设置成100%；HTML5里面怎样自动适应手机屏幕的高度 通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。

通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3：看你之前是怎么做的，最好都调整成百分比的，这样最省事。

utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and (max-width：449px){ } 自动根据屏幕像素 调用不同的CSS代码。

可以用JS监控屏幕大小，然后调整Canvas的大小。

头部要加的是这个，放在head/head标签里，这是初始化手机屏幕的。

html5自适应屏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5自适应布局、html5自适应屏的信息别忘了在本站进行查找喔。