仅使用css将不同尺寸的图像调整为相同尺寸

时间:2015-03-03 14:32:13

标签: css css3 image-size

我有一个作业我给了一个需要css文件的html代码。我对网站的样式没有问题,只有一个。有两个不同大小的图像,一个称为<img scr="http://bit.ly/W6GqEQ" alt="css3">,另一个称为<img scr="http://bit.ly/U7tltv" alt="html5">,我使用了img { widht:150px; height:150px;},它可以正常工作,但图片看起来不一样。在photoshop我发现了这个。 http://gyazo.com/6dbeb51c7a095d8d01aaf817f69e4ee0 http://gyazo.com/caf9d27f7f28bea980edf8c34e2fe36f 你有什么不对吗?

所以现在我正在寻找我的问题的答案。我有一些想法,但不知道如何执行它们,如果它甚至可以不改变html。 1.通过alt namn更改图像。我在互联网的海洋中摸索着但却一无所获。 2.删除图像中橙色与图像外线之间的空间。

我的信仰掌握在你手中!

1 个答案:

答案 0 :(得分:0)

如果同时使用宽度和高度,宽高比将会改变。为了保持完整,请使用宽度或高度。