1、1首先打開(kāi)電腦之后，如下圖所示，新建一個(gè)“cs”文件夾，在文件夾中存儲(chǔ)一張圖片用來(lái)做演示2接著打開(kāi)visual studio code點(diǎn)擊“文件”“打開(kāi)文件夾”，選中上一步建立好的“cs”文件夾3然后點(diǎn)擊“cs”右側(cè)的“。

2、設(shè)置圖片的寬度高度，只有一張圖片的設(shè)置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多張圖片使用樣式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style。

3、1首先打開(kāi)hbuilder編輯器，新建一個(gè)html文件，里面設(shè)置一個(gè)div標(biāo)簽并設(shè)置div的固定寬度和高度2然后在div里面插入一張圖片，將圖片的寬度設(shè)置為何父級(jí)一樣的寬度，代碼就是width100%這里的100%會(huì)自動(dòng)跟隨父級(jí)的寬度。

4、1首先你是通過(guò)第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過(guò)ltimg標(biāo)簽的方式來(lái)插入的話(huà)，可以通過(guò)ltimg自身的屬性控制圖片大小，代碼格式是ltimg src=quot圖片路徑quot。

5、1新建html文件，在body標(biāo)簽中添加img標(biāo)簽，為img標(biāo)簽設(shè)置“src”屬性，屬性值為圖片的地址，這時(shí)圖片的顯示大小是圖片自身的大小2為img標(biāo)簽單獨(dú)設(shè)置“width”或“height”屬性，屬性值為寬度或者高度，這時(shí)圖片的寬度將。

6、maxwidth 768px div backgroundsize 100% 100% ```在這個(gè)例子中，當(dāng)屏幕寬度小于768像素時(shí)，我們將`backgroundsize`屬性的值設(shè)置為`100% 100%`，這樣圖片會(huì)等比縮放，并在寬度上自適應(yīng)屏幕大小。

7、2軟件打開(kāi)后找到要顯示到電腦桌面html網(wǎng)頁(yè)或htm文件，下面是要顯示html網(wǎng)頁(yè)或htm文件的存放路徑，如圖3下面設(shè)置一下電腦桌面html網(wǎng)頁(yè)或htm文件需要顯示的大小長(zhǎng)寬高位置，如圖4此處”+“符號(hào)代表添加。

8、html如何設(shè)計(jì)背景圖片大小大小寫(xiě)字體小寫(xiě)字體的大小寫(xiě)對(duì)應(yīng)的圖片文件，在制作中，我們一般在ppt中進(jìn)行大小寫(xiě)調(diào)試一方面是為了控制頁(yè)面的大小寫(xiě)，一方面是為了避免過(guò)寬，而對(duì)于圖片的圖像文件，大小寫(xiě)可以控制在120，這樣可以。

9、可以通過(guò)backgroundsize屬性來(lái)設(shè)定背景圖片的大小它可以是像素px或者是百分比%，舉例說(shuō)明backgroundsize950px*200px這表示把背景圖片大小調(diào)整為寬度950像素，高度200像素1backgroundsize的語(yǔ)法說(shuō)明1屬性。

10、然后可以設(shè)置寬度和高度如圖所示，在new_filehtml里面寫(xiě)上這個(gè)ltlink href=quotcss1cssquot type=quottextcssquot rel=quotstylesheetquot就可以設(shè)置背景圖片的大小了最后在瀏覽器中預(yù)覽一下，這里只是部分背景。

11、可以用css3中“transform scale”屬性對(duì)圖片進(jìn)行縮放1新建html文檔，在body標(biāo)簽中添加一張圖片，給這張圖片設(shè)置css屬性，添加“tansform”縮放屬性，屬性值為“scaleXn”，scaleXn指的是對(duì)寬度進(jìn)行縮放，n指的。

12、用div設(shè)置寬度100%高度150px，圖片設(shè)置為背景，背景圖片垂直居中，背景圖片寬度100%高度自適應(yīng)圖片高度代碼就省略了，有幫助的話(huà)，別忘了采納。

13、backgroundsize寬度 高度 如給body背景寫(xiě)bodybackgroundsize200px 300px html超文本標(biāo)記語(yǔ)言， 標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用“ 超文本 ”就是指頁(yè)面內(nèi)可以包含圖片 鏈接，甚至音樂(lè) 程序等非文字元素。

14、使html中div內(nèi)的圖片隨屏幕大小調(diào)節(jié)的操作方法為，將div與img的寬度都設(shè)置為100%，代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

15、css3中新增了一個(gè)屬性 transform scale可以對(duì)圖片進(jìn)行放大 縮小 比如transformscale05，表示引用該樣式的內(nèi)容進(jìn)行了縮小了一半，反之，如果括號(hào)里面的值為15那么表示 內(nèi)容放大了15倍做一個(gè)示例演示。

16、max和min不能很好的做到瀏覽器兼容，推薦你，最好的方法是寬度定死，高度自動(dòng)，然后設(shè)置圖片豎向居中這種方法很多地方都在用。