WordPress 图像在响应中无法正确显示，它得到固定的高度和宽度

Question

我正在使用 wordpress 4.6.1 构建一个新网站。开箱即用，它支持响应式图像。 我创建了一个新主题，并简单地添加了循环来显示帖子内容。 当我将图片插入帖子时，它会正确显示图片，但没有响应，即它不会根据浏览器大小提供不同的图片。

生成的图片HTML如下：

`<img
width="1110"
height="740"
src="http://digitaltestsite2.biz/wp-content/uploads/2016/08/Feature-Story-1110x740.jpg"
class="attachment-large size-large wp-post-image"
alt="Feature Story"
srcset="
    /wp-content/uploads/2016/08/Feature-Story-1110x740.jpg 1110w,
    /wp-content/uploads/2016/08/Feature-Story-600x400.jpg 600w,
    /wp-content/uploads/2016/08/Feature-Story-768x512.jpg 768w,
    /wp-content/uploads/2016/08/Feature-Story-250x167.jpg 250w,
    /wp-content/uploads/2016/08/Feature-Story-500x333.jpg 500w,
    /wp-content/uploads/2016/08/Feature-Story-350x233.jpg 350w,
    /wp-content/uploads/2016/08/Feature-Story-700x466.jpg 700w,
    /wp-content/uploads/2016/08/Feature-Story.jpg 1200w
"
sizes="
    (min-width:1199px) 1110px,
    (min-width:991px) 768px,
    (min-width:767px) 590px,
    (min-width:543px) 500px,
    295px
"

`

（请注意，我已经为尺寸属性添加了一个过滤器以启用更多断点。）

如果我删除图像的宽度和高度是响应式的，但 wordpress 似乎正在生成这个，所以我不认为我应该删除它。 我已经在 Chrome 和 Firefox 中尝试并复制了它。

对于这是否是正确的行为和/或我是否做错了什么有任何建议吗？

提前感谢您的任何意见。

Answer 1

测试这些东西可能很棘手。一方面，一旦 Chrome（我认为还有 Firefox 和 Safari）在缓存中的资源大于，它们将不会通过网络加载较小的资源。对于两个，sizes 的心理模型可能非常复杂......

通过删除width 和height 来修复它是没有意义的，因为我相信解析的sizes 大小在确定布局宽度以及从@ 加载哪个资源时胜过width 987654327@.

我建议：

1. 尝试在测试之间清除缓存
2. 即使这样可以解决问题...每当您使用响应式图像将页面输入https://ausi.github.io/respimagelint/ 时，这始终是一个好主意！