html5免费自适应框架，自适应h5页面

开发html5用什么框架??

Siimpler Siimpler 是个简单的 HTML 开发框架，他可以通过选择你自己喜欢的部分，来帮助你迅速又简单地创建 HTML5 开发结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 Web 项目。

建议使用uniapp框架。uniapp框架一种用vue构建的框架，只要懂的vue语法，基本可以无缝过度。开发十分的便捷，一次开发，可同时打包成为HTML安卓、小程序、IOS，多平台，界面统一，功能一致。开发工具建议选用配套的HBuilerX，在官网的社区有相关的教学说明，看说明可以很快入手的。

Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTMLCSS3和JavaScript；支持手机、电视以及桌面设备。拥有强大的JavaScript API：开发WebAPP应用有很多种方式，而不是一味的优化。

IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。

下载文件：html5各开发框架分析及总结.xlsx|国外很有多优秀的HTML5前端开发框架比如：JQueryMobile，TwitterBootstrap，Schena Touch， BackBone等等。同样，也存在很多国内比较优秀的前端开发框架，其中中国互联网三巨头贡献了近一半：腾讯，阿里巴巴，百度。

相关问答

Q1: 使用html5+css来自适应布局下图

1、html5中是通过css3的background-size来控制自适应的。

2、html5中是通过css3的background-size来控制自适应的。background-size神奇之处就在于它的自我调整能力。我以前常常担心当浏览器窗口发生变化，当有resize事件发生时，页面会出现不可预测的变化。但background-size却能根据客户端浏览器的大小自我的调整适应。

3、css-tricks里给出了一个用纯CSS实现的，但它需要将一些业务数据写在CSS里。而本文这将提到的一种方法也是用纯CSS实现表格的自适应布局，而且CSS只负责表现，不牵涉业务逻辑和数据。查看演示假设一种需求，用一个表格来展示付款数据。

Q2: html5较成熟的开发框架有哪些

1、LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3和JavaScript技术。可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。

2、ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

3、Twitter BootStrap （Apache v0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。 Foundation （MIT；响应式）最先进的响应式前端框架。 960gs（GPL响应式）960gs提供了一个简单的网格系统，适合快速开发。

4、下载文件：html5各开发框架分析及总结.xlsx|国外很有多优秀的HTML5前端开发框架比如：JQueryMobile，TwitterBootstrap，Schena Touch， BackBone等等。同样，也存在很多国内比较优秀的前端开发框架，其中中国互联网三巨头贡献了近一半：腾讯，阿里巴巴，百度。

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

1、第一种，伪“感应式”设计：（HTML5模板类方案）上图是HTML5模板类测试结果，依次是iPhoneiPhoneiPhone6 可以看出iPhone4时，变形最严重，iPhone5效果最好，iPhone6是等比例缩放后，两侧边缘，有些像素显示不了。

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

3、支持csshtml5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签。 不支持csshtml5的脑残浏览器特别是=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了。

Q4: 面向移动设备的html5开发框架哪个最好

1、ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

2、PhoneGap PhoneGap是一个免费且开源的开发环境，使开发者可以开发出在Android、Palm、黑莓、iPhone、iTouch及iPad等设备上运行的App。其使用的是HTML和JavaScript等标准的Web开发语言。开发者使用PhoneGap进行开发，可调用加速计、GPS/定位、照相机、声音等功能。

3、bootstrap框架，这个应该是所有前端开发都知道并用过的一个框架了，应为这个是目前最流行的框架，使用最广，网上文档资料模板最多最容易查找的了。

4、Joshfire是一个开源的跨设备开发框架，帮助开发者创建可以在多种设备上运行的web app。它使用HTML5和JavaScript，并且允许开发者快速整合本地应用和特定的web应用。Joshfire可以让你的应用接受键盘，鼠标，触摸屏，遥控器等设备的输入。Joshfire支持Node.JS。Sencha Touch：基于HTML5的移动网页开发框架。

5、开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。Sencha Touch 2Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。

6、建议使用uniapp框架。uniapp框架一种用vue构建的框架，只要懂的vue语法，基本可以无缝过度。开发十分的便捷，一次开发，可同时打包成为HTML安卓、小程序、IOS，多平台，界面统一，功能一致。开发工具建议选用配套的HBuilerX，在官网的社区有相关的教学说明，看说明可以很快入手的。

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

这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。

(p).data(hello)//这是自定义属性的值当然，您也可以通过传统方法获得自定义属性的值。

感应式设计，简单来说，就是当用不同设备访问时，能够根据设备的宽度和高度对设备进行动态的适配；例如，用iPhoneiPhoneiPhonePC、iPad访问同一个网址，正好能打开一个适合该设备的一个HTML5的页面，不留白边，不变形。这就算是感应式设计了，也就是本文说的“屏幕自适应”。

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

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