WordPress去除img标签高度宽度让图片自适应

以下代码由PHP站长网 52php.cn收集自互联网现在PHP站长网小编把它分享给大家，仅供参考

在移动设备端，因为屏幕都比较小，如果要让图片自适应屏幕，我们应当把 width 和 height 属性去除，不然图片可能会比屏幕大，有此需求的朋友可以参考下本文，要求如下，在桌面设备上，图片使用的是以下的 HTML 代码：

<img src="abc.png" alt="abc" width="580" height="267" />

在移动设备端，因为屏幕都比较小，如果要让图片自适应屏幕，我们应当把 width 和 height 属性去除，不然图片可能会比屏幕大：

<img src="abc.png" alt="abc" />

方法一：

将下面代码复制到当前主题的 functions.php 文件中：

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

add_filter( 'image_send_to_editor',10 );

function remove_width_attribute( $html ) {

$html = preg_replace( '/(width|height)="d*"s/',"",$html );

return $html;

}

方法二：

// 自适应图片删除width和height，by Ludou

function ludou_remove_width_height_attribute($content){

preg_match_all("/<[img|IMG].*?src=['|"](.*?(?:[.gif|.jpg|.png.bmp]))['|"].*?[/]?>/",$content,$images);

if(!empty($images)) {

foreach($images[0] as $index => $value){

$new_img = preg_replace('/(width|height)="d*"s/',$images[0][$index]);

$content = str_replace($images[0][$index],$new_img,$content);

}

}

return $content;

}

// 判断是否是移动设备浏览

if(wp_is_mobile()) {

// 删除文章内容中img的width和height属性

add_filter('the_content','ludou_remove_width_height_attribute',99);

}

就这样试一下是不是达到想要的结果了。

以上内容由PHP站长网【52php.cn】收集整理供大家参考研究如果以上内容对您有帮助，欢迎收藏、点赞、推荐、分享。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!