html5中是通過css3的backgroundsize來控制自適應(yīng)的backgroundsize神奇之處就在于它的自我調(diào)整能力我以前常常擔(dān)心當(dāng)瀏覽器窗口發(fā)生變化，當(dāng)有resize事件發(fā)生時(shí)，頁面會(huì)出現(xiàn)不可預(yù)測(cè)的變化但backgroundsize卻能根據(jù)客戶；圖片分為背景圖片和通過img標(biāo)簽引入的圖片，前者可以通過media query自動(dòng)的切換不同分辨率的版本，但是在不支持background image size的瀏覽器中背景圖片無法無級(jí)的調(diào)整大?。籋TML5網(wǎng)頁在電腦端和手機(jī)端都全屏顯示的步驟如下1打開HTML5網(wǎng)頁代碼2在網(wǎng)頁頭部加上新代碼，讓網(wǎng)頁的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi；不一樣，需增加自適應(yīng)標(biāo)簽來保持一樣代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 解釋Viewport指用戶網(wǎng)頁的；自適應(yīng)手機(jī)屏幕代碼ltmeta name=quotviewportquot content=quotwidth=devicewidthquotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 首；ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， userscalable=0， minimumscale=10， maximumscale=10quot ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot ltmeta name=quot；HTML頁面何適應(yīng)不同分辨率的顯示器可以通過響應(yīng)式布局自適應(yīng)網(wǎng)頁設(shè)計(jì)等方法1響應(yīng)式布局設(shè)計(jì)響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn)，響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁的。

首先你要在html頁面頭部加上下面的代碼，其次你要把頁面中的寬度修改為百分比，不能不用固定尺寸，一些小的模塊可以用固定尺寸再就是css中要應(yīng)用到媒體查詢，也就是@media，不懂可以百度ltmeta name=quotviewportquot content=；智能手機(jī)一般都是用html5，從手機(jī)網(wǎng)站設(shè)計(jì)來講，需要自適應(yīng)手機(jī)屏幕大小，最好是采用HTML5+CSS3，從行業(yè)網(wǎng)站類別上講，網(wǎng)站設(shè)計(jì)應(yīng)注意的有背景顏色網(wǎng)站布局等等當(dāng)然，這只是簡(jiǎn)單通俗的理解，在技術(shù)上和設(shè)計(jì)上，有自己的技術(shù)；你說的html5網(wǎng)站應(yīng)該是自適應(yīng)的網(wǎng)站，是通過pc網(wǎng)站演變過來的目前蜘蛛比較喜歡抓這類，比如熊掌號(hào)就是主抓的，而wap的手機(jī)站，還是很久以前的時(shí)代的用法了，要通過pc端轉(zhuǎn)化過去，說白了就是2個(gè)不同的模板制作出來的。

1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)，di；var html = documentquerySelector‘html‘var rem = htmloffsetWidth 64 = rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的；這篇文章主要介紹了HTML5 移動(dòng)頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。

不需要的 但是你要根據(jù)屏幕大小來判斷html，body字體大小這樣就自適應(yīng)各種屏幕大小手機(jī)樣式；頭部要加的是這個(gè)，放在ltheadlthead標(biāo)簽里，這是初始化手機(jī)屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫的這段是要放在所有css；公司企業(yè)HTML5自適應(yīng)網(wǎng)站模板可以用千博html5如何通過頁面長(zhǎng)度來設(shè)置p長(zhǎng)度給長(zhǎng)度的時(shí)候都按照%的形式~就會(huì)實(shí)現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽器的大小打開~我用HTML做了一個(gè)頁面想讓他在手機(jī)瀏覽器中全屏顯示，可是只用了多一半屏幕。

于是，很早就有人設(shè)想，能不能”一次設(shè)計(jì)，普遍適用”，讓同一張網(wǎng)頁自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)整布局layout一了解什么是”自適應(yīng)網(wǎng)頁設(shè)計(jì)”自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁設(shè)計(jì)”。