要使HTML文本適應(yīng)圖片的大小，可以使用CSS中的`backgroundsize`屬性和`backgroundimage`屬性以下是一個(gè)示例代碼```html ltdiv style=quotbackgroundimage url#39yourimageurl#39 backgroundsize contain width。

lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle圖片縮小不變形實(shí)例 title ltstyle divcss5 border1px solid #000 width300px height100pxoverflowhidden div。

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

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

1CSS 中控制顯示的圖片大小，可以直接定義在CSS中定義圖片寬度width和高度height比如ltstyle pic imgwidth40pxheight40px *這里直接定義了pic的圖片寬度和高度* ltstyle ltdiv class=quotpicquotltimg src。

1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會(huì)出現(xiàn)圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議使。