Css wordpress中的img.responsive类不工作

帮助我使图像在浏览器大小减小时自动调整大小

我已经将wordpress博客添加到我的手动编码站点。它在目录/博客中 我在我的/index.php页面上添加了wordpress代码片段来添加帖子。 该站点是使用Bootstrap3创建的。wordpress帖子所在的页面顶部正在使用引导网格 容器 一行 col-md-2（左面板）、col-md-7（wordpress内容）和col-md-3（右面板）

我尝试了几个论坛建议的修复程序，以便在调整浏览器窗口的大小时缩小图像的比例。但正如您看到的，当浏览器窗口缩小时，它仍然保持770像素的宽度，并处于col-md-3下。 我本以为在wordpress媒体表单中添加img响应类可以解决这个问题，但事实并非如此。我能够调整图像大小的唯一方法是将position absolute添加到一个新的img类中，然后图像覆盖文本，但按照我的意愿调整大小

---

有什么建议吗？

据我所知，图像会根据屏幕大小做出响应。服装宽度和高度属性可能会导致问题。如果要避免插入图像功能自动添加宽度和高度属性，请将以下代码添加到函数中。php

add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );

function remove_width_attribute( $html ) {
   $html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
   return $html;
}

更新： 在第135行的wp-settings.php文件中，您将看到以下两行：

require (ABSPATH . WPINC . '/functions.php');
require (ABSPATH . WPINC . '/plugin.php');

只需颠倒它们的列出顺序，因为add_filter（）函数不在functions.php文件中；它在plugin.php文件中，所以。。。它们现在应该是这样的：

require (ABSPATH . WPINC . '/plugin.php');
require (ABSPATH . WPINC . '/functions.php');

---

我总是将img的宽度设置为100%，高度设置为自动，以使其正确缩放，然后使用它所在的div来控制宽度。您的图像尺寸（和其他元素）在HTML中表示为内联样式。你可能应该把它们去掉。事实上，整个页面在重新调整大小时表现得很奇怪。谢谢特拉维斯。我将img宽度设置为100%，高度设置为自动，但它没有调整大小，看起来Paulie已经解决了这个问题。我刚刚从wordpress的编辑页面中删除了宽度和高度，图像的大小可以根据我的需要调整。这是否意味着每次我上传图像时，我都必须编辑Wordpress代码以删除自动添加的大小？谢谢您的回复。我已经看到了一些添加函数的选项，但是当我尝试它们时，它们总是给出“致命错误：调用未定义函数add_filter（）”请问我还缺少什么额外的代码？致命错误：调用/xxx/xxx/blog/wp includes/functions.php中的未定义函数add_filter（），在第4195行我更新了我的答案。请尝试一下，你就可以开始了！！真是太棒了。我能问一下为什么在wp-settings.php文件中切换functions.php和plugin.php的顺序会有什么不同吗？这会影响其他需要functions.php作为第一名的问题吗？这个问题的答案也在上面：）

add_filter（）

function不在functions.php文件中；它在plugin.php文件中。简单地说，在第一种情况下function.php执行函数时没有定义它…在第二种情况下，首先

add_filter（）

将在plugin.php中定义，然后function.php执行它…有意义吗？：）