6最后在title標(biāo)簽下面插入style標(biāo)簽如下圖所示，接著在style標(biāo)簽中編輯css樣式，如下圖所示，imgwidth100pxheightauto，這里表示把圖片設(shè)置為100px寬auto表示高度根據(jù)圖片比例自適應(yīng)設(shè)置圖片大小就完成了；圖片被縮放后在div的尺寸是width50px因?yàn)閳D片的width100%height50px這里height是在width100%被縮放后的尺寸我們可以發(fā)現(xiàn)這個(gè)50px的高度仍然超出了div的40px的高度，不符合maxheight 這個(gè)時(shí)候，maxheight。

影象里面影象大小就可以，后面有百分比可以可以厘米都可以要勾選約束比例就可以了在PS中如何等比例放大縮小圖片 在圖層面板選中圖片所在圖層ctrl+t自由變換，可以看到邊上有九個(gè)點(diǎn)，按住shift，之后滑鼠在四個(gè)角的點(diǎn)拉伸；設(shè)置圖片的寬度高度，只有一張圖片的設(shè)置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多張圖片使用樣式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style。

img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會(huì)出現(xiàn)圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議使用js解決3指定div里背景圖大小的方法如下div backgroundurlimg_flwrgifback；可以通過(guò)backgroundsize屬性來(lái)設(shè)定背景圖片的大小它可以是像素px或者是百分比%，舉例說(shuō)明backgroundsize950px*200px這表示把背景圖片大小調(diào)整為寬度950像素，高度200像素1backgroundsize的語(yǔ)法說(shuō)明1屬性。

html圖片等比例縮小代碼

centerimgBox， imgBox imgwidth100%height100%ltstyleltheadltbodyltdiv class=quotimgBoxquotltimg src=quot1jpgquot ltdivltbodylthtml如上代碼可以實(shí)現(xiàn)，把圖片換一下就OK了，希望可以幫到你。

使用CSS maxwidth和maxheight實(shí)現(xiàn)圖片自動(dòng)等比例縮小 很簡(jiǎn)單我們要使用到maxwidth和maxheight，這樣即可設(shè)置對(duì)象圖片最大寬度和最大高度，這樣圖片就會(huì)等比例縮放圖片，然圖片相對(duì)不變形清晰使用maxwidth300px或max。

利用電腦系統(tǒng)自帶的畫圖軟件可以將圖片等比例縮小1用鼠標(biāo)選中要縮小尺寸的圖片，然后右擊鼠標(biāo)在出現(xiàn)的菜單中打開(kāi)方式選擇電腦自帶的畫圖軟件2進(jìn)入畫圖軟件中，找到“重新調(diào)整大小”選項(xiàng)，然后單擊鼠標(biāo)3然后進(jìn)入一個(gè)。

將span元素調(diào)整為塊元素設(shè)置display block，賦予固定的寬度或百分比 之后為圖片設(shè)置寬度和高度，寬設(shè)置為100%，即可讓圖片等比例進(jìn)行縮放，寬度等于span的寬度，高度會(huì)等比例變化 box display block width。

width”或“height”屬性，屬性值為寬度或者高度，這時(shí)圖片的寬度將變成設(shè)置的寬度，高度將會(huì)按原比例進(jìn)行縮放 3同時(shí)為img標(biāo)簽設(shè)置“width”和“height”屬性，這時(shí)圖片的大小將會(huì)完全按照設(shè)置的大小顯示。

1首先拿出電腦，開(kāi)的vscode軟件2其次找到關(guān)于照片的代碼，更改圖片標(biāo)簽3最后加上big指令，輸入指數(shù)即可等比例縮小。

2首先打開(kāi)photoshop圖像處理軟件并繪制黑色矩形區(qū)域用于演示3繪制完成后使用快捷鍵CTRL+ALT+T 對(duì)圖形進(jìn)行復(fù)制后移動(dòng)到合適位置4將復(fù)制后的圖形移動(dòng)到合適位置后，使用快捷鍵CTRL+SHIFT+ALT+T進(jìn)行等間距復(fù)制，可以看到。

html背景圖片等比例縮放

輸入css樣式代碼body background urlimage7jpg norepeatbackgroundsize 250px3最后，瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)用CSS強(qiáng)制了圖片占用250px寬度的大小并且是等比例自動(dòng)縮放。

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

其值為norepeat注意如果不加backgroundrepeatnorepeat屬性，則圖像會(huì)重復(fù)顯示3將percentage設(shè)置為50% auto注意高度設(shè)置為auto后，圖片會(huì)根據(jù)具體寬度等比例調(diào)整高度，圖片不會(huì)變形。