使用标签属性设置图片大小的方法

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的部分。
这应该是比较完美的自适应方法。