1、HTML中怎么讓背景圖片跟著瀏覽器窗口變大變小 你可以先用表格，按%顯示表格，表格里再背景就OK了，lttable width=316 height=76 border=0 cellpadding=quot0quot cellspacing=quot0quot lttr lttd background=quot1jpgquot lt；1新建html文檔，在body標(biāo)簽中添加一張圖片，給這張圖片設(shè)置css屬性，添加“tansform”縮放屬性，屬性值為“scaleXn”，scaleXn指的是對(duì)寬度進(jìn)行縮放，n指的是縮放比例2將transform的屬性值改為“scaleYn”；具體操作步驟如下1首先新建一個(gè)HTML頁面，這里命名為“new_filehtml”2接著給標(biāo)簽設(shè)置背景圖片，例如設(shè)置的是ltbody標(biāo)簽3接著新建一個(gè)css文件，如圖，命名為“1css”4這里給body標(biāo)簽設(shè)置backgroundsize屬性；問題分析1首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過ltimg標(biāo)簽的方式來插入的話，可以通過ltimg自身的屬性控制圖片大小，代碼格式是ltimg src=。

2、我這邊推薦HTML兩種方法1同時(shí)制作手機(jī)端PC端IPAD端三張背景圖片根據(jù)不同環(huán)境調(diào)用2只做一張圖，利用backgroundimage的backgroundsize屬性來適應(yīng)屏幕，如下代碼 backgroundimageurlimageimgpng；1首先，先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個(gè)圖片固定在屏幕上2之后，再把背景圖片的大小自動(dòng)適應(yīng)DIV大小，當(dāng)圖片自動(dòng)適應(yīng)時(shí)，既可以就進(jìn)行縮放3輸入backgroundsize cover。

3、3然后點(diǎn)擊“cs”右側(cè)的“新建文件”圖標(biāo)，創(chuàng)建一個(gè)“1html”文件，在空白html文件中輸入一個(gè)英文“！”按Tab鍵填充html基本代碼4接著在body中插入img標(biāo)簽，alt規(guī)定圖像的替代文本，src規(guī)定顯示圖像的URL5然后在i；ltscript language=quotJavaScriptquot lt！ 圖片按比例縮放 var flag=falsefunction DrawImageImgD var image=new Imagevar iwidth = 180 定義允許圖片寬度 var iheight = 180 定義允許圖片高度 image；要使HTML文本適應(yīng)圖片的大小，可以使用CSS中的`backgroundsize`屬性和`backgroundimage`屬性以下是一個(gè)示例代碼```html ltdiv style=quotbackgroundimage url#39yourimageurl#39 backgroundsize contain width；html圖片按屏幕大小等比例縮放若瀏覽器允許可按Ctrl+鼠標(biāo)滾輪滑動(dòng)縮放，或用代碼具體方法如下1 Ctrl+鼠標(biāo)滾輪滑動(dòng)縮放 2 css代碼與htlm代碼 3 CSS 代碼如下background position fixedtop 0left 0width；2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼body background urlimagejpg norepeat backgroundsize 300px3瀏覽器運(yùn)行indexhtml頁面，此時(shí)背景圖片成功用css等比例縮小到了300px寬度的大??；width”或“height”屬性，屬性值為寬度或者高度，這時(shí)圖片的寬度將變成設(shè)置的寬度，高度將會(huì)按原比例進(jìn)行縮放 3同時(shí)為img標(biāo)簽設(shè)置“width”和“height”屬性，這時(shí)圖片的大小將會(huì)完全按照設(shè)置的大小顯示；1首先打開hbuilder編輯器，新建一個(gè)html文件，里面設(shè)置一個(gè)div標(biāo)簽并設(shè)置div的固定寬度和高度2然后在div里面插入一張圖片，將圖片的寬度設(shè)置為何父級(jí)一樣的寬度，代碼就是width100%這里的100%會(huì)自動(dòng)跟隨父級(jí)的寬度。

4、1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會(huì)出現(xiàn)圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議；2屬性值其中bgsize=auto1，2cover contain 3初始值autoauto 4應(yīng)用于所有元素 5繼承性無 6百分比后面會(huì)說明 7計(jì)算值根據(jù)指定 2代碼說明*一個(gè)值這個(gè)值指定圖片寬度，第二個(gè)；1首先拿出電腦，開的vscode軟件2其次找到關(guān)于照片的代碼，更改圖片標(biāo)簽3最后加上big指令，輸入指數(shù)即可等比例縮小。

5、1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的body標(biāo)簽中，輸入html代碼img src=quotsmall3pngquot3瀏覽器運(yùn)行indexhtml頁面，此時(shí)添加的本地圖片的路徑是相對(duì)路徑；設(shè)置圖片的寬度高度，只有一張圖片的設(shè)置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多張圖片使用樣式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style。