使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 這樣就會保持屏幕的50%的寬度如果有上級標簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%。

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

一圖片自適應 1 使用css進行圖片的自適應 在web前端，也就是HTML中，如果只設置圖片的寬度，那么高度會根據(jù)圖片原本尺寸進行縮放如果后臺返回的HTML代碼中，不包含lthead標簽，則可以直接在HTML字符串前加上一下面的。

ltstyle type=quottextcssquot lt！ body backgroundimage url”圖片地址“backgroundrepeat repeatx div1 margin0px auto width500px height370px textaligncenter backgroundurljscss。

1，輸入positionfixedtop0left0將整個div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內(nèi)時，di。

2在兩個div中加入相同的圖片， 這個時候需要在img 類中加入css語句設置一下div的高度和寬度，以及div的邊框，然后就可以設置img的樣式了3最后設置img的樣式中圖片的高度為auto，寬度為100%，這樣就可以自適應瀏覽器了。

css如何設置圖片大小自適應1用dw編輯器建立了一個靜態(tài)頁面 2將建好的靜態(tài)頁命名為csshtml，標題為了“css如何設置圖片大小自適應”3在body中添加兩個p，設置不能的寬度，并設class為p1和p2，目的是用一樣的css控制。

html5中是通過css3的backgroundsize來控制自適應的直接在圖片代碼里面設置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么給圖片統(tǒng)一一個class名例如responseimg，然后在css文件里面設置這個class h。