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

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

用以下代碼開頭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 移動布局自適應(yīng)不同屏幕的幾種方式 1響應(yīng)式布局 2100%布局彈性布局3等比縮放布局rem4 你們做移動端平時在什么瀏覽器上測試Chrome，Safari，微信X5，UC，其他手機(jī)自帶瀏覽器 5 說說移動端是。

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

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