如何在HTML中用CSS对图片进行缩放

可以用css3中“transform: scale()”属性对图片进行缩放。

1、新建html文档，在body标签中添加一张图片，给这张图片设置css属性，添加“tansform”缩放属性，属性值为“scaleX(n)”，scaleX(n)指的是对宽度进行缩放，n指的是缩放比例：

2、将transform的属性值改为“scaleY(n)”，scaleY(n)指的是对高度进行缩放，n指的是缩放比例：

3、将transform的属性值改为“scale(n)”，scale(n)指的是对图片的宽度和高度同时进行等比例缩放，n指的是缩放比例：

1. 这个根据我帮同事们调页面的经验，还是给img标签加上高和宽比较好。这样的话，图片显示出来就会按照设定好的尺寸，不会出现意外情况。但如果没有设定，很有可能会出现图片上边有白条，或者没有按照想要的效果显示。我碰到的就是没有加宽高，造成了图片下沉，上面出现白条。

2. 一般，对于img正规的写法是第一种，标签都要讲究有开始，有闭合，或者就像第一种一样，使用单闭合标签。

如果就像第二种一样既不是单闭合标签，又没有闭合标签，就会出异常的。

对于html这块儿，该认真的还是要认真的，有些东西不能省的。

---