使用img src指定缩放值

Question

是否可以在img src声明中缩放图像？类似的东西：

<a href="clown.jpg" ><img src="clown.jpg width=25%"" </a>

在这里，你点击1/4大小的小丑，看一个全尺寸的小丑。

由于

Answer 1

是;它的工作方式与您指定的一样，但您需要25%周围的引号，而不是它们之后的引号。 此外，您还错过了img的近角括号。

<a href="clown.jpg"><img src="clown.jpg width="25%"/></a>

显示四分之一大小的图像（在两个维度上按比例缩放），点击后，指向全尺寸图像。

Demo

Answer 2

当然，请使用CSS：

<a href="clown.jpg"><img src="clown.jpg" style="width:25%" /></a>

这会将clown.jpg图像显示为正常宽度的25％（高度按比例缩放），单击图像时会链接到完整版本。