HTML網(wǎng)頁(yè)的開發(fā)中，需要對(duì)大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn) 工具材料 瀏覽器，文本編輯器 01 新建一個(gè)HTML文件，代碼如下圖 02。

利用table實(shí)現(xiàn) parentwidth100%displaytabletablelayoutfixed left，center，rightdisplaytablecell leftwidth100px rightwidth100px 利用flex實(shí)現(xiàn) parentdisplayflex leftwidth100。

首先看你的背景圖片大小，如果很大的話，一般情況下很多顯示器都會(huì)顯示的合適如果是想適應(yīng)移動(dòng)設(shè)備的，用一個(gè)CSS3屬性 backgroundsizecover就可以了，可以將背景圖根據(jù)窗口大小鋪滿整個(gè)瀏覽器窗口。

如果通過(guò)css設(shè)置背景圖，那么圖片尺寸要足夠大，目前大寬屏1920左右，所以寬度最好設(shè)置為1920，然后居中如果通過(guò)div嵌入圖片，那么將此div設(shè)置成絕對(duì)定位，zindex1萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面外語(yǔ)。