HTML5实现移动端自适应的几种方法介绍

在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

创新互联专注于企业网络营销推广、网站重做改版、昆明网站定制设计、自适应品牌网站建设、H5页面制作、成都商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为昆明等各大城市提供网站开发制作服务。

在已安装的电脑桌面新建一个Word文档（演示文稿以Office2007系列为主），然后打开新建的文档，输入文字。

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

做响应式页面就两种方法：一是通过各种技术写一套响应的代码，要用到的技术，如通过设置百分比宽，使用栅格系统，和通过媒体查询，弹性布局等结合来实现。这样写的好处了代码只需要写一套。

设计稿尺寸为750 * 1340，移动端rem自适应方案一般分2种 网易做法 整个屏幕为5rem，1rem=100px 淘宝做法 整个屏幕为10rem，1rem=75px 当然也可以转化为px ： rem = 100 ： 1。

h5制作教程:怎样制作h5页面

1、找到h5制作平台 现在网络上有很多h5制作平台，我们要做的是寻找到有实力的平台，然后进入平台注册账号，再登陆网站。

2、在网络上搜索H5制作工具，下面会出现很多的H5页面制作工具，选一个简单好用的。（如图一所示）2/6 点击进入到制作工具的guan 网，点击注册登录。

3、选择合适的h5模板 目前网上有很多在线微信h5页面制作平台，常见有秀米、易企秀、兔展等。选择你自己觉得靠谱的平台注册一个账号，建议选择那种有模板提供的平台注册账号，这会为后面节省不少事情。

4、h5制作教程h5的制作方法在浏览器中搜索h5页面制作工具，会跳出很多的相关软件，都是可以制作的，这里用易企秀做为案例。

5、制作H5页面的方法：首先在电脑中安装H5的制作软件，以WPS为例，点击打开WPSH5软件。进入H5的制作页面后可以选择一种模板作为制作的基础样式。点击需要的模板后点击其右侧的“立即使用”按钮。

移动端HTML5如何开发?跟PC端有什么区别

1、第普通移动端网页（比如手机新浪网，手机淘宝，手机百度等）这个在js方面和PC端区别不是太大；主要的区别在于移动端没有了鼠标悬停（onmouseover）；点击（onclick）还可以用；多了触摸、滑动（会用一些插件）。

2、ok，单纯说pc和移动端开发的区别，其实也就是这个，可以简单的概括来说，mobile端的网页开发比pc端的网页开发，更简单一些。

3、移动前端开发可分为：手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。

4、传统的前端开发通常指的是Web前端开发，主要应用在PC端，而目前的前端开发除了PC端之外还包含了移动端，而移动端开发在技术结构上有了一些新的变化。

html5课程

所有互联网的页面开发都可以用到HTML5，包括PC端，手机端和平板。HTML5高端课程大纲分为十个阶段。

有Css3，JavaScript，jQuery，AngularJS，PHP，NodeJS这些。学习企业前端技术岗位需求的HTML5技术，HTML5培训课程体系可以看下图课程方向就明白需要学习什么。

千锋教育HTML5课程大纲主要包括：第一阶段：前端页面重构。内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)。第二阶段：JavaScript高级程序设计。

html是一种超文本标记语言，h5是就是html的第五代简称。h5包含了html所有技术点，比如：网页设计，网页上面的图片、文字、视频的显示和排版技术。

HTML5课程培训包括以下阶段的学习，时长16周培训时间。第一阶段 移动前端制作基础 （HTML5+CSS3基础）学时3周。第二阶段 移动前端交互 （JS+JQ+Ajax）学时5周。

HTML5+开发移动app教程4-mui中几种open页面的区别_html/css_WEB-ITn...

1、在HBuilder里新建一个web项目，把mobile web代码放进去。 在HBuilder里新建移动App 在新建的移动App下找到manifest.json，将其中的入口页面配置为mobile web的网络地址。

2、H5 做移动开发也分两种，一种就是正常的网页，一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架，具体的特性不是三两句能说完的，题主可以自行搜索相关资料。

3、手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。

4、H5开发的web APP和原生APP的区别有以下几个方面：开发方面 原生App ⊙ 每一种移动操作系统都需要独立的开发项目 ⊙ 每种平台都需要独立的开发语言。

5、大前端：HTML5（Web前端）、Android（Native前端）、Hybrid（混合前端）。后端：多栖后端（NodeJs、Java、PHP）。

当前标题：移动html5教学 移动端 html5 教程
本文来源：http://kswjz.com/article/dijiihs.html