html - 缩略图图像大小不起作用

Question

我正在创建一个推荐插件，用于在短代码中查询自定义帖子。我需要创建一个缩略图画廊，其中图像将响应。首先是代码:

add_image_size('rwpt_thumb', 150, 150, true);

 $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'rwpt_thumb' );
      $url = $thumb['0'];
      $idd = get_the_ID();
         $return_string .= '<li class="rwpt_'.$idd.'"><a href=" "><img src="'.$url.'" alt="'.$client.' - '.$client_info.'" /></a></li>';

哪里<li>宽度是其容器的 20%。所以如果我得到裁剪后的图像大小 150*150 像素，我设置 CSS img width:100%;height:auto;所以图像是响应式的。但我没有得到 150*150 大小的缩略图。

有什么建议吗？

Answer 1

可能会发生许多事情:

• 您的原始图片小于 150x150 . WordPress 不会将您的图片增加到超出其原始大小。
• 您正在尝试回顾性地调整图像大小。如果您在上传图片之前没有添加此图片尺寸，那么您的图片将不会调整大小。如果您想重新生成所有缩略图，可以使用 plugin for that .
• 您提到过 <li>是容器的 20%。以像素为单位的宽度是多少？如果它低于 150，那么就是你的问题。如果您使用的是 Chrome，则可以检查元素(右键单击 <li> )，它会为您提供像素宽度，即使它设置为百分比。

此外，检查缩略图的实际大小。如果您检查图像上的元素，您应该在开发人员工具中看到 2 个尺寸:它在屏幕上的尺寸和它的原始尺寸。如果原始尺寸为150x150那么你知道这是一个样式问题。如果不是，那么您就知道这是一个 WordPress/配置问题。