有几种，利用meta标签百分比法使用CSS3单位rem媒体查询利用meta标签 Meta标签主要用来描述一个HTML网页文档的属性，如作者日期时间网页描述关键词页面刷新等，它的Description和Keywords属性，可加入网站的关键字。

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

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

media all 是媒体类型，也就是说，将此 CSS 应用于所有媒体类型minwidth800px 是包含媒体查询的表达式，如果浏览器的最小宽度为 800 像素，则会告诉浏览器只运用下列 CSS。

meta共有两个属性，它们分别是。

ltmeta name=quotkeywordsquot content=quothtml5， css3， 关键字quot页面关键词 ltmeta name=quotauthorquot content=quot魔法小栈quot 定义网页作者 ltmeta name=quotrobotsquot content=quotindex，followquot 定义网页搜索引擎索引方式，robotterms是。

HTML5拥有更有效的服务器推送技术，ServerSent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能网页多媒体特性Class MULTIMEDIA支持网页端的AudioVideo等多媒体。