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

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

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

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

就可以改變圖片大小了但若要實(shí)現(xiàn)等比例縮放的話，還需要按住Shift鍵，進(jìn)行縮放7在PS界面中，我們選擇裁剪工具，將多出來(lái)的地方去掉，框選住圖片8選擇好了之后，雙擊確定，這樣圖片等比例縮放也就完成了。

當(dāng)我們?cè)谑褂秒娔X的時(shí)候，可以利用ps軟件來(lái)處理圖片，那么如果想要使用ps軟件來(lái)對(duì)圖片進(jìn)行等比例縮放的話，應(yīng)如何操作呢接下來(lái)就由小編來(lái)告訴大家一創(chuàng)建文檔 1 第一步，打開(kāi)電腦中的ps軟件，然后將需要進(jìn)行縮放的圖片。

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