这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备。

首先，在网页代码的头部，加入一行 viewport元标签viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕面积。

2 调整视口 代码实例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动端开发实例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlin。

3框架结构 在网站建设中，搜索引擎无法识别网站框架采用该框架设计的网站结构，将限制某些搜索引擎，使网站无法进行预览和显示网站内容因此，自适应网页设计中不要设计太多的框架，否则会造成用户对该架构的迷惑，导致网站。

ltdiv效果如图垂直和水平居中都是相对于外框来说的，即本例的aa来说的flex=1即为在水平方向是等分布局的在你给的安例中，直接循环aa就可以如果对flex不懂，可以去学习一下，推荐扩展链接网页链接。

许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间尽管HTML5提出了许多优点，但是还可能有。

当然，如果你不做那些交互效果，纯静态的页面也可以不用JS的针对你说的手机网站，自适应问题1利用CSS3的@media 媒体查询来判断屏幕大小以显示不同的样式media screen and maxwidth 300px body b。

首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸再就是css中要应用到媒体查询，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。

试用装一些自适应的框架来做自适应的网页是最简单的，如bootstrap等框架 如何去设计一个自适应的网页设计或HTMl5 一自适应网页设计 自从2010年，Ethan Marcotte提出了 “自适应网页设计”Responsive Web Design这个名词，指可以自动识别。

8 HTML KickStart HTML Kickstart 是一款可以用来方便创建任何布局的集合HTML5，CSS和jQuery的工具包它提供了干净，符合标准以及跨浏览器兼容的代码9 IVORY IVORY 是一款轻量，简单但是强大的前端框架，可以用于320到。

审核通过你的app就制作完成了目前有哪些大公司用HTML5做网站HTML5自适应网站是现在的主流，也可能是未来N年的主流公司企业HTML5自适应网站模板可以用千博windows下做html5开发用什么工具开发html5用什么框架html5。

通过对HTML5的定义，我们可以了解到HTML5具有独特的优势网络标准多设备跨平台自适应网页设计这对于程序员来说是绝对的福音，你只需掌握HTML5就能即时更新自己的页面适应多个浏览器2HTML5对我们什么作用？对于互联网。

支持移动设备HTML5通过响应式设计和媒体查询，可以使网页自适应不同大小的屏幕，提供更好的移动设备支持语义化标记HTML5通过引入更多的语义化元素和属性，提供了更好的语义化标记能力，使得搜索引擎可以更好地理解和索引。

可以用jQuery获取到当前的窗口的宽度，来计算iframe的宽和高，示例代码如下ltiframe src=quot frameborder=quot0quot id=quotdemoquotltiframeltscript src=quot90jquery。

肯定使用框架啊，不然还原生 JS自己写样式H5 做移动开发也分两种，一种就是正常的网页，一种是封装的成 App 在手机上跑的下面我只大致介绍一下又哪些框架，具体的特性不是三两句能说完的，题主可以自行搜索相关。

是的，利用html5就能做出自适用网站。

楼下正解，就是响应式布局RWD，可以用一些自动实现的框架，比如bootstrap原理我想就是动态css吧，有个东西叫less框架，可以去看看应该无非就是用百分比代替写死的像素大小。