WordPress 6.7.1 头部加载 CSS 影响文章图片显示的解决方法

在 WordPress 6.7.1 版本更新后，系统在 wp-includes/media.php 文件中新增了一段代码，导致网站前端头部自动加载了一行 CSS 样式。这段 CSS 会让通过媒体库添加到文章的图片在显示时变大且模糊，影响用户体验。具体来说，这段多余的 CSS 代码是：

<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>

这行代码会强制设置图片的内在尺寸，导致图片显示异常。为了解决这个问题，我们可以通过在主题的 functions.php 文件中添加一段代码来屏蔽它，恢复图片的正常显示。

解决方法

打开你当前使用的 WordPress 主题目录，找到 functions.php 文件，在文件末尾添加以下代码：

function boxemoe_disable_add_auto_sizes( $add_auto_sizes ) {
    return false;
}
add_filter( 'wp_img_tag_add_auto_sizes', 'boxemoe_disable_add_auto_sizes' );

保存文件后，这段代码会阻止 WordPress 加载那行问题 CSS，文章内页的图片就能恢复正常显示，不再出现放大模糊的情况。

注意事项

在修改 functions.php 文件之前，建议备份文件，以防万一出现问题。如果你是 WordPress 新手，可以通过 WordPress 后台的“外观 – 主题文件编辑器”找到 functions.php 文件，或者使用 FTP 工具直接编辑。修改后，记得检查网站图片显示是否恢复正常。

这个方法简单有效，能快速解决 WordPress 6.7.1 版本更新带来的图片显示问题，让你的网站恢复美观和流畅！