我正在使用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
"
(注意:
我已经为size属性添加了一个过滤器，以启用更多的断点。)
如果我删除宽度和高度的图像是响应的，但wordpress似乎正在生成这个，所以我不相信我应该删除它。我已经在Chrome和Firefox中尝试并复制了这一点。
有没有人有任何建议，这是否是正确的行为和/或如果我做错了什么?
提前感谢您的输入
测试这些东西可能很棘手。首先，一旦Chrome(我认为Firefox和Safari也是如此)的资源大于缓存中所需的，它们就不会通过网络加载较小的资源。其次，sizes可能非常复杂，难以在心理上建模……
通过删除width和height来修复它是没有意义的，因为我相信解析的sizes大小在确定布局宽度时胜过width，以及从srcset加载哪些资源。
我建议:
- 尝试在测试之间清除缓存
- 即使这解决了问题…无论何时使用响应式图像做任何事情，将页面输入https://ausi.github.io/respimagelint/总是一个好主意!