pode não ser a resposta exata que você procura, mas acho que acabei de encontrar uma boa solução.
Iv'e pegou o seguinte código do CSS de vinte e onze temas (que é impo responsavelmente responsivo):
/* Images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}
Isto foi enuff para tornar todas as imagens responsivas (pelo menos aquelas incorporadas no conteúdo ...) Agora eu tenho imagens responsivas, mas quando a legenda é usada eu ainda tenho o mesmo problema, que ocorre porque o tinyMCE adiciona um atributo de estilo ao contêiner de legenda com a largura da imagem. Para corrigir isso, tudo o que eu precisava fazer era adicionar isso ao meu CSS:
.wp-caption { max-width: 100%; }
Feito! funciona bem para mim, embora possa não funcionar para imagens em destaque.
Espero que isso ajude alguém: -)