這篇文章主要介紹了HTML5 移動(dòng)頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(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)整視口 代碼實(shí)例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移動(dòng)端開發(fā)實(shí)例lttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth，userscalable = noquot ltlin。

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

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

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

當(dāng)然，如果你不做那些交互效果，純靜態(tài)的頁面也可以不用JS的針對你說的手機(jī)網(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è)計(jì)一個(gè)自適應(yīng)的網(wǎng)頁設(shè)計(jì)或HTMl5 一自適應(yīng)網(wǎng)頁設(shè)計(jì) 自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁設(shè)計(jì)”Responsive Web Design這個(gè)名詞，指可以自動(dòng)識別。

8 HTML KickStart HTML Kickstart 是一款可以用來方便創(chuàng)建任何布局的集合HTML5，CSS和jQuery的工具包它提供了干凈，符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼9 IVORY IVORY 是一款輕量，簡單但是強(qiáng)大的前端框架，可以用于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具有獨(dú)特的優(yōu)勢網(wǎng)絡(luò)標(biāo)準(zhǔn)多設(shè)備跨平臺自適應(yīng)網(wǎng)頁設(shè)計(jì)這對于程序員來說是絕對的福音，你只需掌握HTML5就能即時(shí)更新自己的頁面適應(yīng)多個(gè)瀏覽器2HTML5對我們什么作用？對于互聯(lián)網(wǎng)。

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

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

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

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

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