WordPress移除页面源码head中style img:is的样式代码

上月中旬 WordPress 6.7 版本正式发布，随后很快又发布了 WordPress 6.7.1 维护版本，每次 WordPress 有大版本的更新子凡我都习惯先看看官方的更新记录，然后先升级泪雪博客看看有没有问题，最后再批量的升级其他项目的 WordPress 网站，然后就是还会习惯的看看前段代码是否存在变化，因为 WordPress 在大版本的更新中难免增加新功能，也有可能移除一些功能导致一些代码问题。

所以在升级 WordPress 6.7 后就发现一小段 style 样式：<style>img:is([sizes=”auto” i], [sizes^=”auto,” i]) { contain-intrinsic-size: 3000px 1500px }</style>

不出意外的情况下大多数的网站升级到 WordPress 最新版都会有这行代码，首先可以告诉大家的是，这并非恶意代码，是 WordPress 为了提升图片的适配而增加，但也有可能影响网站的图片，因为没有对我们网站没有影响，所以也就一直没来得及处理，但是既然这段样式对我们网站没有作用，那么子凡我就不能接受这个代码的冗余存在，今天就给大家一个移除的方法。

/*  WordPress 移除 head style img:is
 * https://zhangzifan.com/wordpress-remove-head-style-img-is.html
 */
add_filter('wp_img_tag_add_auto_sizes', '__return_false');

直接将这行代码放到当前主题的 functions.php 文件的合适位置即可。大家可以根据自己需要选择是否有必要移除。

最后给大家简单解释一下，该行 CSS 规则的作用是针对图片的 sizes 属性为 “auto” 或以 “auto,” 开头的所有 <img> 元素，应用一个虚拟的内在尺寸（3000 到 1500 像素），以便在图像实际尺寸未加载时，浏览器可以根据这个虚拟尺寸来调整布局，避免布局错乱。

除非注明，否则均为泪雪博客原创文章，禁止任何形式转载

本文链接：https://zhangzifan.com/wordpress-remove-head-style-img-is.html