1首先打開hbuilder編輯器，新建一個html文件，里面設置一個div標簽并設置div的固定寬度和高度2然后在div里面插入一張圖片，將圖片的寬度設置為何父級一樣的寬度，代碼就是width100%這里的100%會自動跟隨父級的寬度；1直接添加寬高屬性ltimg src=quotquot width=quot200quot height=quot200quot 2在樣式表中定義img height200pxwidth200px 這樣的弊端是如果圖片比例不等就會出現圖片拉伸，要么改圖片或限制圖片最大寬高度，后者建議。

設置圖片的寬度高度，只有一張圖片的設置 ltimg src=quotimgs12_01jpgquot style=quotwidth100px height100pxquot 多張圖片使用樣式控制 ltimg src=quotimgs12_01jpgquot class=quotimg_stylequot ltstyle img_style；html插入圖片有兩種方式一種是通過ltimg標簽插入的正常的圖片，另一種是通過css樣式插入的背景圖片問題分析1首先你是通過第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的。

1新建html文件，在body標簽中添加img標簽，為img標簽設置“src”屬性，屬性值為圖片的地址，這時圖片的顯示大小是圖片自身的大小2為img標簽單獨設置“width”或“height”屬性，屬性值為寬度或者高度，這時圖片的寬度將。

html設置圖片按比例縮放

1、1新建一個HTML文件，代碼如下圖 2打開HTML文件所在的文件夾，雙擊文件，跳轉到瀏覽器 3改變?yōu)g覽器大小，發(fā)現圖片沒有變化，顯示不全 4在所在文件夾下，新建一個樣式文件，命名為 autocss，代碼如下 5在HTML文。

2、2屬性值其中bgsize=auto1，2cover contain 3初始值autoauto 4應用于所有元素 5繼承性無 6百分比后面會說明 7計算值根據指定 2代碼說明*一個值這個值指定圖片寬度，第二個。

3、如果標簽是div就寫div，然后可以設置寬度和高度5如圖所示，在new_filehtml里面寫上這個ltlink href=quotcss1cssquot type=quottextcssquot rel=quotstylesheetquot就可以設置背景圖片的大小了。

4、CSS中不定義圖片高度寬度，圖片默認安裝自己的寬度高度顯示，為了防止圖片太大，撐破頁面設置一個最大多少像素即可，style=quotmaxwidth100pxquot。

5、readerreadAsDataURLfile這樣就能夠在不上傳到服務器的前提下預覽圖片當然，這個問題的重點是獲取圖片的原始尺寸，html5里還提供了兩個變量來獲取naturalWidth和naturalHeight，這兩個分別來獲取圖片的原始寬度和原始高度。

6、```在這個例子中，當屏幕寬度小于768像素時，我們將`backgroundsize`屬性的值設置為`100% 100%`，這樣圖片會等比縮放，并在寬度上自適應屏幕大小。

7、1打開html2使用標簽上的height和width的屬性img，即可調整圖片大小為原來的百分之60HTML的全稱為超文本標記語言，是一種標記語言。

8、ltimg src=quot1jpgquot width=quot500quot 同理只設置高度不設置寬度就是高度固定 如果兩個都設定則按你控制的比例顯示 我汗，img 的src屬性設置的是相對于你網站的路徑，比如說你要顯示圖片的網頁是1html或者1asp1aspx。

html圖片寬度和高度怎么設置

1、長寬高位置，如圖4此處”+“符號代表添加或刪除路徑，如圖5設置好電腦桌面html網頁或htm文件需要顯示的大小后，在右下角有個”Apply“確認鍵，請點擊確認，確認后便看到桌面有個”燈泡“圖標軟件。

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

3、img width100%ltstyleltheadltbody ltdiv ltimg src=quot49jpgquot ltdivltbodylthtml效果圖如下特別說明要圖片跟隨屏幕大小顯示，可以將圖片與div的寬度調整為100%，并且body不。