6最后在title標(biāo)簽下面插入style標(biāo)簽如下圖所示，接著在style標(biāo)簽中編輯css樣式，如下圖所示，imgwidth100pxheightauto，這里表示把圖片設(shè)置為100px寬auto表示高度根據(jù)圖片比例自適應(yīng)設(shè)置圖片大小就完成了。

首先在在圖片外部放一個(gè)div包裹img，然后給div定義你需要的寬高，然后將img的width和height都設(shè)置為100%在給圖片添加objectfit cover這樣不管圖片多大，都可以適應(yīng)div的寬高，而且還不失真imgbox width300pxheig。

直接在代碼里寫 圖片多的話先定義一個(gè)樣式在head下面寫#picmaxwidth100pxmaxheight100px 圖片上加個(gè)id=quotpicquot就行了，比如 不懂的話找我吧，細(xì)說。

一最簡單的 其中width為圖片的寬，height為圖片的高 二用CSS來控制 css文件里寫 img_div imgwidht500pxheight300px。

代碼就是“width100%”這里的100%會(huì)自動(dòng)跟隨父級(jí)的寬度選擇，然后將父級(jí)的高度去掉，這樣子集的高度就自動(dòng)化了3最后將圖片設(shè)置為displayblock轉(zhuǎn)為塊狀就可以了4最后打開瀏覽器就可以看到固定大小的圖片了。

html中的標(biāo)簽中，輸入css代碼body textalign centerbackground urlsmall2png backgroundsize 60% 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)成功通過css控制了div居中顯示，背景圖片的大小為60%。

例如backgroundsize100px 200px表示把背景圖片大小調(diào)整為100x200px要把圖像應(yīng)用成為背景，要使用 backgroundimage這一 屬性當(dāng)backgroundimage 屬性默認(rèn)值是 的時(shí)候，這表示背景上沒有放置任何圖像如果需要設(shè)置。

2設(shè)置div的具體寬高，圖片寬高分別設(shè)置為100%，代碼具體如下width100%height100%這種方式，也可以將圖片大小填充滿盒子3如果圖片是網(wǎng)頁背景圖片，還可以通過設(shè)置div盒子內(nèi)屬性backgroundsize為cover，這種方式也可。

圖片自動(dòng)縮小到固定大小 lt！ 圖片按比例縮放 var flag=falsefunction DrawImageImgD var image=new Imagevar iwidth = 320 定義允許圖片寬度 var iheight = 180 定義允許圖片高度。

然后可以設(shè)置寬度和高度5如圖所示，在new_filehtml里面編輯，就可以設(shè)置背景圖片的大小了6最后在瀏覽器中預(yù)覽一下，如圖為部分背景。

2屬性值其中bgsize=auto1，2cover contain 3初始值autoauto 4應(yīng)用于所有元素 5繼承性無 6百分比后面會(huì)說明 7計(jì)算值根據(jù)指定 2代碼說明*一個(gè)值這個(gè)值指定圖片寬度，第二個(gè)。

3下面設(shè)置一下電腦桌面html網(wǎng)頁或htm文件需要顯示的大小長寬高位置，如圖4此處”+“符號(hào)代表添加或刪除路徑，如圖5設(shè)置好電腦桌面html網(wǎng)頁或htm文件需要顯示的大小后，在右下角有個(gè)”Apply“確認(rèn)鍵。

可以通過cover和contain來對(duì)圖片進(jìn)行伸縮語法backgroundsizeauto* 默認(rèn)值，不改變背景圖片的高度和寬度 * backgroundsize100px 50px* 第一個(gè)值為寬，第二個(gè)值為高，當(dāng)設(shè)置一個(gè)值時(shí)，將其作為圖片寬度來。

function resizeImageevt，obj ne=evtx newY=evty objwidth=ne objheight=newY 2用鼠標(biāo)滾動(dòng)控制圖片大小 以下是代碼片段 3圖片標(biāo)簽里用代碼控制大小 以下是代碼片段。

大多數(shù)CMS管理系統(tǒng)與此設(shè)置方法類似二若不是通過CMS管理系統(tǒng)添加圖片，則需要通過Dreamweaver或者其它網(wǎng)頁編輯器如記事本，使用代碼和參數(shù)來控制每個(gè)圖片的大小具體代碼為 其中，“img”是圖像元素標(biāo)簽，src是圖像。

1首先需要新建一個(gè)HTML頁面2然后輸入頁面的標(biāo)題，可以按照下方圖中的進(jìn)行設(shè)置3然后在根據(jù)下方圖片中的代碼進(jìn)行編輯，4在兩個(gè)div的class 中添加相同的控制圖片的class名為了 ”img“，并為div添加控制寬度的樣式。