使用標簽屬性設置圖片大小的方法

A. 如何在HTML中用CSS對圖片進行縮放

1. css3中新增了一個屬性。transform:scale();可以對圖片進行放大縮小

2. 比如。transform:scale(0.5),表示引用該樣式的內容進行了縮小了一半，反之，如果括弧裡面的值為（1.5）那麼表示 內容放大了1.5倍。

3. 做一個示例演示圖一是圖片縮小了（0.5） 圖二是圖片放大了（1.5）的效果演示。
   

B. html調整圖片大小

1、通過css引入的圖片，可以通過background-szie屬性調整圖片大小，background-size的語法如下，可以通過length,percentage,cover及contain四個之中的任一個來調整整改尺寸。
2、將length設置為500pxauto；同時添加background-repeat屬性，其值為no-repeat。注意：如果不加background-repeat：no-repeat屬性，則圖像會重復顯示。
3、將percentage設置為50%auto。注意：高度設置為auto後，圖片會根據具體寬度等比例調整高度，圖片不會變形。

C. 在html里，怎樣把圖片調成合適的大小

做成框，用代碼設置框內元素大小，把圖片放到框里，圖片就和框一樣大了

D. img標簽內的圖片怎麼自適應img標簽的大小呢

img {width:100%;} /*圖片寬度充滿外層容器。*/

1、圖片高度小於容器高度，則容器上下會出現空白。
2、圖片高度大於容器高度，則圖片垂直方向會超出容器（可在容器添加overflow:hidden隱藏）
3、如果設置img {height:100%;}則以上結果相反。
4、如果同時設置寬度和高度{width:100%; height:100%;}，則圖片會填充滿容器，但有可能會被拉伸或壓縮變形，不建議這么做。
5、在具體項目開發過程中，同一模塊的圖片最好用同一尺寸規格。
------------------
css裁剪模式：
對圖片添加 {object-fit: cover;}，注意是圖片，不是容器。
這是一種裁剪模式，圖片會在短邊充滿容器，長邊會被自動居中裁剪。
比如容器是100x100，圖片是300x100，則圖片最終顯示結果是中心位置100x100的部分。
這應該是比較完美的自適應方法。