這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

首先，在網(wǎng)頁代碼的頭部，加入一行 viewport元標(biāo)簽viewport是網(wǎng)頁默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網(wǎng)頁初始大小占屏幕面積。

2 調(diào)整視口 代碼實例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動端開發(fā)實例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlin。

3框架結(jié)構(gòu) 在網(wǎng)站建設(shè)中，搜索引擎無法識別網(wǎng)站框架采用該框架設(shè)計的網(wǎng)站結(jié)構(gòu)，將限制某些搜索引擎，使網(wǎng)站無法進行預(yù)覽和顯示網(wǎng)站內(nèi)容因此，自適應(yīng)網(wǎng)頁設(shè)計中不要設(shè)計太多的框架，否則會造成用戶對該架構(gòu)的迷惑，導(dǎo)致網(wǎng)站。

ltdiv效果如圖垂直和水平居中都是相對于外框來說的，即本例的aa來說的flex=1即為在水平方向是等分布局的在你給的安例中，直接循環(huán)aa就可以如果對flex不懂，可以去學(xué)習(xí)一下，推薦擴展鏈接網(wǎng)頁鏈接。

許多業(yè)內(nèi)人士表示，HTML將會最終代替多媒體框架，如Adobe的Flash，但是短期看來還不是時候HTML5估計到2014年才能逐步成熟，而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時間盡管HTML5提出了許多優(yōu)點，但是還可能有。

當(dāng)然，如果你不做那些交互效果，純靜態(tài)的頁面也可以不用JS的針對你說的手機網(wǎng)站，自適應(yīng)問題1利用CSS3的@media 媒體查詢來判斷屏幕大小以顯示不同的樣式media screen and maxwidth 300px body b。

首先你要在html頁面頭部加上下面的代碼，其次你要把頁面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應(yīng)用到媒體查詢，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=。

試用裝一些自適應(yīng)的框架來做自適應(yīng)的網(wǎng)頁是最簡單的，如bootstrap等框架 如何去設(shè)計一個自適應(yīng)的網(wǎng)頁設(shè)計或HTMl5 一自適應(yīng)網(wǎng)頁設(shè)計 自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁設(shè)計”Responsive Web Design這個名詞，指可以自動識別。

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

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

通過對HTML5的定義，我們可以了解到HTML5具有獨特的優(yōu)勢網(wǎng)絡(luò)標(biāo)準(zhǔn)多設(shè)備跨平臺自適應(yīng)網(wǎng)頁設(shè)計這對于程序員來說是絕對的福音，你只需掌握HTML5就能即時更新自己的頁面適應(yīng)多個瀏覽器2HTML5對我們什么作用？對于互聯(lián)網(wǎng)。

支持移動設(shè)備HTML5通過響應(yīng)式設(shè)計和媒體查詢，可以使網(wǎng)頁自適應(yīng)不同大小的屏幕，提供更好的移動設(shè)備支持語義化標(biāo)記HTML5通過引入更多的語義化元素和屬性，提供了更好的語義化標(biāo)記能力，使得搜索引擎可以更好地理解和索引。

可以用jQuery獲取到當(dāng)前的窗口的寬度，來計算iframe的寬和高，示例代碼如下ltiframe src=quot frameborder=quot0quot id=quotdemoquotltiframeltscript src=quot90jquery。

肯定使用框架啊，不然還原生 JS自己寫樣式H5 做移動開發(fā)也分兩種，一種就是正常的網(wǎng)頁，一種是封裝的成 App 在手機上跑的下面我只大致介紹一下又哪些框架，具體的特性不是三兩句能說完的，題主可以自行搜索相關(guān)。

是的，利用html5就能做出自適用網(wǎng)站。

樓下正解，就是響應(yīng)式布局RWD，可以用一些自動實現(xiàn)的框架，比如bootstrap原理我想就是動態(tài)css吧，有個東西叫l(wèi)ess框架，可以去看看應(yīng)該無非就是用百分比代替寫死的像素大小。