【问题标题】:thumbnail is showing up full size缩略图显示为全尺寸
【发布时间】:2014-09-10 19:31:54
【问题描述】:

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

然后,在我的 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>

但是,当我查看页面时,我可以看出我正在查看更大尺寸的小图像,因为像素显示。单击图像将按预期显示全尺寸图像。任何想法为什么它没有将我的缩略图显示为缩略图大小?我在其他地方做过这个,它奏效了。我知道该页面已验证,但在查找样式表时遇到了问题,但是当我查看该页面时确实看到样式表发生了变化。

【问题讨论】:

  • 您提供的代码中没有任何内容可以说明问题。问题中的代码是必要的,但并不总是足够的。你能提供一个MCVE,比如jsfiddle.net吗?
  • 也许您的页面在缓存中,而您正在查看旧版本的代码?
  • 如何确保它加载的是最新版本?我试过 ctrl-r。

标签: html css thumbnails


【解决方案1】:

我想通了!我有 css 使 img 100%。我对其进行了更改,使其附加到一个类而不是通用图像。

【讨论】:

    猜你喜欢
    • 2014-03-19
    • 2015-12-14
    • 2010-10-02
    • 2019-07-07
    • 2014-11-19
    • 1970-01-01
    • 2019-08-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多