缩略图显示全尺寸

时间:2014-07-19 22:49:52

标签: html5 css3 thumbnails

我正在制作一个基本的html5 / css网页。出于某种原因,当我在浏览器中查看页面时,缩略图图像显示为完整大小。为了创建缩略图,我在油漆中打开了大型原件。我将其调整为150px的宽度,计算出的高度为185px。然后我用拇指名称保存了它。

然后,在我的html代码中,我有以下内容:

<a href="../media/BookCover.jpg"><img src="../media/tinCanBookCover_thumb.jpg" height="185" width="150" alt="Tin Can Crafts Book" title="Tin Can Crafts Book" ></a>

然而,当我查看页面时,由于像素显示,我可以看到我正以较大的尺寸查看小图像。单击图像将按预期显示完整大小的图像。任何想法为什么它没有显示缩略图大小的缩略图?我已经在其他地方完成了这项工作。我知道页面有效,除了找不到样式表之外,但我确实看到样式表在查看页面时发生了变化。

1 个答案:

答案 0 :(得分:0)

我明白了!我有css使图像100%。我更改了它,因此它被附加到类而不是通用图像。