在文档流中，DIV的高度默认就是根据内容的高度自适应的如果是想适配不同设备的窗口大小，可以设置百分比或者通过position定位，然后设置top和bottom值再或者利用css3的flexbox布局，设置父级的display为flex，方向为纵的。

只有内嵌css有效，外部css会出现拉伸的情况，所以有两种方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot。

Foundation 是世界上精妙的前端响应框架，同时，它可以兼容所有的浏览器和网络设备Foundation 拥有移动友好型的用户接口，设置了许多关键特性4Enyo Enyo是一个开源的 Jaa 框架，该框架能够让你创建顶级的 HTML5 应用程序。

可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

而且如果一个网站有多个portal入口，会大大增加架构设计的复杂度于是，很早就有人设想，能不能”一次设计，普遍适用”，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局layout。

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

Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中5uiKit uiKit是一款轻量级模块化。

sencha跟其竞争对手们相比，扩展性强了很多它拥有大量的用户接口组件，直接的iPad支持，拥有JSON和HTML5线下存储技术使得存储和数据绑定更加方便使用Sencha的数据结构来操作app的数据十分酷~它可以实时响应列表的更新此外。

1 LungoJS 这个是被认为开发移动网站最好的HTML5开发框架，使用 HTML5CSS3 和 JavaScript 技术可帮助创建基于 iOS Android Blackberry 和 WebOS 平台的应用程序该框架可利用当前移动设备的高级特性，可捕捉事件包括。

1Angular Angular是一个JavaScript框架，最为核心的是MVCModel–view–controller模块化自动化双向数据绑定语义化标签依赖注入等等Angular通过指令扩展了HTML，以一个 JavaScript文件形式发布，通过script标签添加到。

1jQueryMobile jQueryMobile是jQuery在手机上和平板设备上的版本jQueryMobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架支持全球主流的移动平台jQueryMobile开发团队说能开发这个项目。

05 在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化，自适应屏幕的大小。

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

大多数的 web 开发者一直在用关键点来寻找动态的框架，这样能简化设计和开发工作HTML5 框架在所有的 web 浏览器和手机应用上都展现了优秀的性能不仅简化了 HTML5 开发中 CSS 开发的沉重负担，还提高了网站的可见性。

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