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

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

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

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