1、加入如下 CSSbody backgroundimage urlquot背景圖片如果跟CSS不在同一路徑下，記得改相對或絕對路徑jpgquot backgroundsize cover backgroundrepeat norepeat backgroundattachment fixed；100%height100%top0pxleft0pxquotltimg src=quot1jpgquot width=quot100%quot height=quot100%quotltdiv 網(wǎng)頁背景圖片默認情況下是重復平鋪滿整個頁面上面1方法是要求圖片不重復，但又得占滿瀏覽器所采用的方法；Horizontal 為固定背景圖時圖在水平方向所居的位置，可以選擇居中，居左，居右或自己設定距左的距離Vertical 為固定背景圖時圖在豎直方向所居的位置，可以選擇居中，居頂部，居底部或自己設定距頂?shù)木嚯x注意帶 *；根據(jù)百度經(jīng)驗資料顯示html讓一張背景圖片鋪滿的步驟如下1添加樣式 打開代碼編輯器，為body標簽添加一個樣式2添加背景圖片為bg樣式添加一個背景圖片3添加背景全屏樣式 在樣式里添加backgroundsize 100% 100%。

2、backgroundurlxxjpg 這一句就是讓圖片鋪滿全屏的呀，如果你是加了 norepeat的話，就不會鋪滿全屏了，再一個，你也可以寫上一句backgroundsize100% 100%，就是讓圖片百分百顯示，不過這樣會對圖片有拉伸；ltbody style=quotwidth100% height100%quot ltstyle body backgroundurl02jpg top leftbackgroundsize100% 100%overflowhidden ltstyle ltbody 其中，overflow屬性是設定超出body大小的內容隱藏不顯；1打開你的瀏覽器2打開瀏覽器之后，找到右上方設置按鈕3點擊全屏即可，也可以直接按鍵盤的F114快捷鍵需要自己設置，通常默認通用是FN+F11，同時按住“Fn+F11”組合鍵來開啟全屏，再按一次即可退出全屏；backgroundsize contain如果圖片較小，想全屏放大，這么寫backgroundsize cover要讓圖根據(jù)屏幕大小完全顯示，可用CSS 3 media query判斷下，不過這樣圖片有可能失真如果屏幕長寬比和圖片不一樣的話，例如*；方法1直接在body里面加上屬性scroll 代碼如lt body scroll=“no” 方法2使用樣式表overflow 代碼如htmloverflowhidden我采用了這個，滾動條就消失了，最開始一直誤以為是頁面里面的div高度不當導致出現(xiàn)的。

3、這時，我們需要設置網(wǎng)頁的全屏顯示下面介紹如何設置網(wǎng)頁的全屏顯示歡迎閱讀#xF310打開瀏覽器打開瀏覽器#xF5A5#xFE0F最大化窗口打開360瀏覽器，最大化，再隨意打開一個鏈接，最大化，然后先關閉第一個窗口，再關閉鏈接那個窗口，這樣再打開瀏覽；一打開Dreamweaver，然后選中html，出來了一個html標準文檔二在標簽里添加文件路徑，語法如下這時，頁面雖然充滿了背景，但可以看出背景圖片被填充zhidao了多次三在里添加樣式，代碼如下style=quotbackgroundrepeatno。

4、使用純CSS即可實現(xiàn)你要的效果，圖片會根據(jù)窗口大小自動調整為全屏大小，代碼如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltstylehtml，body height100%body margin0 padding0a img border。

5、我用HTML做了一個頁面想讓他在手機瀏覽器中全屏顯示，可是只用了多一半屏幕首先建議你用html5來開發(fā)，然后，在網(wǎng)頁的 中增加以上這句話可以讓網(wǎng)頁的寬度自動適應手機屏幕的寬度其中width=devicewidth表示寬度是；將背景圖寫在body下試試，或者定義一個父級的div背景圖放在這個下面，后面的div都寫在這個父級的下面；html全屏做圖片可以用一個div全屏，然后浮動到最上層滾動條滾動顯示主頁，可以用scroll滾動條滾動事件bodyscroll這個代碼表示監(jiān)聽body的scroll事件。