1、寬度和高度屬性分部是width和height這兩個(gè)屬性可以直接設(shè)置圖片的寬高，如果用了css樣式控制了圖片的寬高，則優(yōu)先使用樣式當(dāng)中的寬高值css3當(dāng)中還可以設(shè)置圖片的自適應(yīng)，避免圖片變形；backgroundsize寬度 高度 如給body背景寫bodybackgroundsize200px 300px html超文本標(biāo)記語(yǔ)言， 標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用“ 超文本 ”就是指頁(yè)面內(nèi)可以包含圖片 鏈接，甚至音樂(lè) 程序等非文字元素；maxwidth 768px div backgroundsize 100% 100% ```在這個(gè)例子中，當(dāng)屏幕寬度小于768像素時(shí)，我們將`backgroundsize`屬性的值設(shè)置為`100% 100%`，這樣圖片會(huì)等比縮放，并在寬度上自適應(yīng)屏幕大小；其值為norepeat注意如果不加backgroundrepeatnorepeat屬性，則圖像會(huì)重復(fù)顯示3將percentage設(shè)置為50%auto注意高度設(shè)置為auto后，圖片會(huì)根據(jù)具體寬度等比例調(diào)整高度，圖片不會(huì)變形；這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果你的標(biāo)簽是div就寫div，然后可以設(shè)置寬度和高度如圖所示，在new_filehtml里面寫上這個(gè)ltlink href=quotcss1cssquot type=quottextcssquot rel=quotstylesheetquot就可以設(shè)置背景圖片的。

2、1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會(huì)出現(xiàn)圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議使；1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，為img標(biāo)簽設(shè)置“src”屬性，屬性值為圖片的地址，這時(shí)圖片的顯示大小是圖片自身的大小2為img標(biāo)簽單獨(dú)設(shè)置“width”或“height”屬性，屬性值為寬度或者高度，這時(shí)圖片的寬度將；設(shè)置圖片的寬度高度，只有一張圖片的設(shè)置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多張圖片使用樣式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style；如果標(biāo)簽是div就寫div，然后可以設(shè)置寬度和高度5如圖所示，在new_filehtml里面寫上這個(gè)ltlink href=quotcss1cssquot type=quottextcssquot rel=quotstylesheetquot就可以設(shè)置背景圖片的大小了；5然后在img標(biāo)簽上使用width屬性設(shè)置圖片寬度height屬性設(shè)置圖片高度6最后在title標(biāo)簽下面插入style標(biāo)簽如下圖所示，接著在style標(biāo)簽中編輯css樣式，如下圖所示，imgwidth100pxheightauto，這里表示把圖片設(shè)置；使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%。

3、如果通過(guò)css設(shè)置背景圖，那么圖片尺寸要足夠大，目前大寬屏1920左右，所以寬度最好設(shè)置為1920，然后居中如果通過(guò)div嵌入圖片，那么將此div設(shè)置成絕對(duì)定位，zindex1萬(wàn)維網(wǎng)上的一個(gè)超媒體文檔稱之為一個(gè)頁(yè)面外語(yǔ)pag；ltimg src=quot圖片路徑quot width=quot圖片寬度quot height=quot圖片高度quot3如果非要通過(guò)css控制背景圖片的大小，可以通過(guò)backgroundsize樣式來(lái)實(shí)現(xiàn)，具體的css格式是backgroundsize寬度 高度 如下圖所示；一方面是為了控制頁(yè)面的大小寫，一方面是為了避免過(guò)寬，而對(duì)于圖片的圖像文件，大小寫可以控制在120，這樣可以讓整個(gè)頁(yè)面的大小寫控制在120左右在我們打開(kāi)ppt時(shí)，我們要注意的是，不宜在圖片上使用視圖工具或者 ，這里的；HTML網(wǎng)頁(yè)的開(kāi)發(fā)中，需要對(duì)大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn) 工具材料 瀏覽器，文本編輯器 01 新建一個(gè)HTML文件，代碼如下圖 02。

4、長(zhǎng)寬高位置，如圖4此處”+“符號(hào)代表添加或刪除路徑，如圖5設(shè)置好電腦桌面html網(wǎng)頁(yè)或htm文件需要顯示的大小后，在右下角有個(gè)”Apply“確認(rèn)鍵，請(qǐng)點(diǎn)擊確認(rèn)，確認(rèn)后便看到桌面有個(gè)”燈泡“圖標(biāo)軟件。