1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)，di；2去html5頁(yè)面制作平臺(tái)，如vxplowixmakaim都可以做html5的手機(jī)頁(yè)面，不過(guò)wix現(xiàn)在沒(méi)有中文網(wǎng)站vxplo功能很齊全，但同時(shí)操作很復(fù)雜，一般人不會(huì)使用makaim通過(guò)模板組合添加圖文的方式制作，適合剛?cè)腴T的同學(xué)。

ltmeta name=quotviewportquot content=quotinitialscale=05， maximumscale=05， minimumscale=05， userscalable=noquotinitialscale 初始的縮放比例minimumscale 允許用戶縮放到的最小比例maximumscale 允許用戶；你這些設(shè)置了可以縮放，一般情況下移動(dòng)端的是這樣的，有時(shí)候還需加上這個(gè)至于你說(shuō)的背景問(wèn)題，你可以通過(guò)設(shè)置一個(gè)盒子為width100%height100%然后把圖片放在這個(gè)盒子里面，然后設(shè)置圖片自適應(yīng)盒子displayblock；HTML5網(wǎng)頁(yè)在電腦端和手機(jī)端都全屏顯示的步驟如下1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi；2去html5頁(yè)面制作平臺(tái)，比如vxplo，wix，makaim，就可以制作html5移動(dòng)頁(yè)面但是，wix現(xiàn)在沒(méi)有中文網(wǎng)站Vxplo功能齊全，但同時(shí)操作非常復(fù)雜，一般人不會(huì)用Makaim是用模板組合，加上圖文制作而成，適合初學(xué)者HTML5。

用以下代碼開(kāi)頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max；aa1 div， aa2 div， aa3 div width 80% height 100pxaa1 div backgroundcolor redaa2 div backgroundcolor greenaa3 div backgroundcolor bluehtml部分lt；3 移動(dòng)布局自適應(yīng)不同屏幕的幾種方式 1響應(yīng)式布局 2100%布局彈性布局3等比縮放布局rem4 你們做移動(dòng)端平時(shí)在什么瀏覽器上測(cè)試Chrome，Safari，微信X5，UC，其他手機(jī)自帶瀏覽器 5 說(shuō)說(shuō)移動(dòng)端是。

頭部要加的是這個(gè)，放在ltheadlthead標(biāo)簽里，這是初始化手機(jī)屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫(xiě)的這段是要放在所有css；3也可以根據(jù)自己的需求對(duì)手機(jī)頁(yè)面中的各個(gè)模塊進(jìn)行修改，選擇這個(gè)手機(jī)頁(yè)面上的元素，就可以在右面的編輯框中進(jìn)行各種修改4可以更改這個(gè)元素的圖形，直接從自己的手機(jī)當(dāng)中選擇一幅圖片來(lái)替換原來(lái)手機(jī)模板當(dāng)中的圖片5還；在網(wǎng)頁(yè)的中增加以上這句話，可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度其中width=devicewidth 表示寬度是設(shè)備屏幕的寬度 initialscale=10表示初始的縮放比例 minimumscale=05表示最小的縮放比例 maximumscale=；6 FlexieJS 支持CSS3彈性盒子模型Flexible Box Model四在線工具 此外，還有一些在線工具，可以幫助開(kāi)發(fā)者加快HTML5項(xiàng)目的開(kāi)發(fā)1 HTML5 Boilerplate 是一個(gè)HTML CSS JS模板，是實(shí)現(xiàn)跨瀏覽器正?；阅軆?yōu)化。

直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁(yè)面5進(jìn)入后就可以根據(jù)自己的需要，將模板里面的文字圖片和音樂(lè)替換成自己需要的即可，如圖所示6還可以給自己的手機(jī)網(wǎng)頁(yè)添加背景音樂(lè)，動(dòng)畫(huà)效果，跳轉(zhuǎn)鏈接，特效組件等等；公司企業(yè)HTML5自適應(yīng)網(wǎng)站模板可以用千博html5如何通過(guò)頁(yè)面長(zhǎng)度來(lái)設(shè)置p長(zhǎng)度給長(zhǎng)度的時(shí)候都按照%的形式~就會(huì)實(shí)現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽器的大小打開(kāi)~我用HTML做了一個(gè)頁(yè)面想讓他在手機(jī)瀏覽器中全屏顯示，可是只用了多一半屏幕；于是，很早就有人設(shè)想，能不能”一次設(shè)計(jì)，普遍適用”，讓同一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動(dòng)調(diào)整布局layout一了解什么是”自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”自從2010年，Ethan Marcotte提出了 “自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”；這篇文章主要介紹了HTML5 移動(dòng)頁(yè)面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價(jià)值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動(dòng)端頁(yè)面自適應(yīng)普遍使用的方法，理論上講使用這個(gè)標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。