在文檔流中，DIV的高度默認(rèn)就是根據(jù)內(nèi)容的高度自適應(yīng)的如果是想適配不同設(shè)備的窗口大小，可以設(shè)置百分比或者通過(guò)position定位，然后設(shè)置top和bottom值再或者利用css3的flexbox布局，設(shè)置父級(jí)的display為flex，方向?yàn)榭v的。

只有內(nèi)嵌css有效，外部css會(huì)出現(xiàn)拉伸的情況，所以有兩種方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot。

Foundation 是世界上精妙的前端響應(yīng)框架，同時(shí)，它可以兼容所有的瀏覽器和網(wǎng)絡(luò)設(shè)備Foundation 擁有移動(dòng)友好型的用戶接口，設(shè)置了許多關(guān)鍵特性4Enyo Enyo是一個(gè)開(kāi)源的 Jaa 框架，該框架能夠讓你創(chuàng)建頂級(jí)的 HTML5 應(yīng)用程序。

可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

而且如果一個(gè)網(wǎng)站有多個(gè)portal入口，會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度于是，很早就有人設(shè)想，能不能”一次設(shè)計(jì)，普遍適用”，讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)整布局layout。

8 HTML KickStart HTML Kickstart 是一款可以用來(lái)方便創(chuàng)建任何布局的集合HTML5，CSS和jQuery的工具包它提供了干凈，符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼9 IVORY IVORY 是一款輕量，簡(jiǎn)單但是強(qiáng)大的前端框架，可以用于320到。

Frozen UI是一個(gè)開(kāi)源的簡(jiǎn)單易用，輕量快捷的移動(dòng)端UI框架基于手Q樣式規(guī)范，選取最常用的組件，做成手Q公用離線包減少請(qǐng)求，升級(jí)方式友好，文檔完善，目前全面應(yīng)用在騰訊手Q增值業(yè)務(wù)中5uiKit uiKit是一款輕量級(jí)模塊化。

sencha跟其競(jìng)爭(zhēng)對(duì)手們相比，擴(kuò)展性強(qiáng)了很多它擁有大量的用戶接口組件，直接的iPad支持，擁有JSON和HTML5線下存儲(chǔ)技術(shù)使得存儲(chǔ)和數(shù)據(jù)綁定更加方便使用Sencha的數(shù)據(jù)結(jié)構(gòu)來(lái)操作app的數(shù)據(jù)十分酷~它可以實(shí)時(shí)響應(yīng)列表的更新此外。

1 LungoJS 這個(gè)是被認(rèn)為開(kāi)發(fā)移動(dòng)網(wǎng)站最好的HTML5開(kāi)發(fā)框架，使用 HTML5CSS3 和 JavaScript 技術(shù)可幫助創(chuàng)建基于 iOS Android Blackberry 和 WebOS 平臺(tái)的應(yīng)用程序該框架可利用當(dāng)前移動(dòng)設(shè)備的高級(jí)特性，可捕捉事件包括。

1Angular Angular是一個(gè)JavaScript框架，最為核心的是MVCModel–view–controller模塊化自動(dòng)化雙向數(shù)據(jù)綁定語(yǔ)義化標(biāo)簽依賴注入等等Angular通過(guò)指令擴(kuò)展了HTML，以一個(gè) JavaScript文件形式發(fā)布，通過(guò)script標(biāo)簽添加到。

1jQueryMobile jQueryMobile是jQuery在手機(jī)上和平板設(shè)備上的版本jQueryMobile不僅會(huì)給主流移動(dòng)平臺(tái)帶來(lái)jQuery核心庫(kù)，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架支持全球主流的移動(dòng)平臺(tái)jQueryMobile開(kāi)發(fā)團(tuán)隊(duì)說(shuō)能開(kāi)發(fā)這個(gè)項(xiàng)目。

05 在HTML文件中加上對(duì)樣式文件的引用，返回文件夾，雙擊HTML文件，發(fā)現(xiàn)瀏覽器的變化會(huì)引著圖片一起變化，自適應(yīng)屏幕的大小。

Joshfire是一個(gè)開(kāi)源的跨設(shè)備開(kāi)發(fā)框架，幫助開(kāi)發(fā)者創(chuàng)建可以在多種設(shè)備上運(yùn)行的web app它使用HTML5和JavaScript，并且允許開(kāi)發(fā)者快速整合本地應(yīng)用和特定的web應(yīng)用Joshfire可以讓你的應(yīng)用接受鍵盤，鼠標(biāo)，觸摸屏，遙控器等設(shè)備的輸入Joshfire。

大多數(shù)的 web 開(kāi)發(fā)者一直在用關(guān)鍵點(diǎn)來(lái)尋找動(dòng)態(tài)的框架，這樣能簡(jiǎn)化設(shè)計(jì)和開(kāi)發(fā)工作HTML5 框架在所有的 web 瀏覽器和手機(jī)應(yīng)用上都展現(xiàn)了優(yōu)秀的性能不僅簡(jiǎn)化了 HTML5 開(kāi)發(fā)中 CSS 開(kāi)發(fā)的沉重負(fù)擔(dān)，還提高了網(wǎng)站的可見(jiàn)性。

審核通過(guò)你的app就制作完成了目前有哪些大公司用HTML5做網(wǎng)站HTML5自適應(yīng)網(wǎng)站是現(xiàn)在的主流，也可能是未來(lái)N年的主流公司企業(yè)HTML5自適應(yīng)網(wǎng)站模板可以用千博windows下做html5開(kāi)發(fā)用什么工具開(kāi)發(fā)html5用什么框架html5。