實(shí)現(xiàn)方式通過(guò)編寫(xiě)JavaScript代碼，動(dòng)態(tài)獲取并設(shè)置頁(yè)面元素的高度和寬度，以實(shí)現(xiàn)全屏效果100%全屏法注意事項(xiàng)在設(shè)置時(shí)，需要確保html標(biāo)簽的height設(shè)為適當(dāng)值，因?yàn)镃SS中的height屬性是繼承父級(jí)的，如果html標(biāo)簽的height為0，那么body的100%也將為0fillavailable方式特點(diǎn)能夠智能計(jì)算剩下可用空間。

在一個(gè)html頁(yè)面中，只有一個(gè)div，想是div充滿(mǎn)全屏，常規(guī)的想法是設(shè)置高度寬度為100% ，代碼如下lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 40 TransitionalENquot lthtml ltbody bgcolor=quotredquot ltdiv id=quotbgquot style=quotwidth100%height100%backgroundcolorbluequot ltdiv ltbody。

1最簡(jiǎn)單方法使用css30新增的一個(gè)屬性backgroundsize，代碼如圖IE8以下不支持2打開(kāi)瀏覽器查看效果如下3使用css代碼如圖支持IE9+，IE 78 平鋪效果支持，但是在小于1024px的屏幕下居中效果失效4然后打開(kāi)瀏覽器效果如圖所示5之后使用jQuery模擬的方法css代碼如圖6然后。

1首先使用HTML編輯器sublime_text，點(diǎn)擊進(jìn)入2開(kāi)始寫(xiě)代碼之前，先去查一下css中什么可以控制div的大小3知道怎么控制div盒子大小了，開(kāi)始寫(xiě)代碼，先寫(xiě)3個(gè)div盒子，然后分別控制它們的大小，分別給盒子取名字d1，d2，d34分別給div設(shè)置不同的大小，為了方便區(qū)分給它們加上不同的顏色，詳細(xì)的。

在電腦和手機(jī)上全屏顯示HTML5網(wǎng)頁(yè)的步驟如下1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部添加新代碼，使網(wǎng)頁(yè)寬度適應(yīng)設(shè)備寬度代碼如下3輸入代碼后，將包括圖片DIV在內(nèi)的圖片寬度設(shè)置為100%如何弄可以讓手機(jī)打開(kāi)網(wǎng)頁(yè)的時(shí)候可以全屏顯示你要知道電腦屏幕的分辨率，或手機(jī)屏幕的分辨率才可以設(shè)置成全屏顯示如。