wordpress移动端图片变形不能自适应解决方法

最近一直在作主题Internship的打磨工作,pc端显示能够正常了,昨晚用手机打开一看,发现之前插入文章的图片都变形了,没有自适应。于是在网上收了一个解决方法,还真管用。现在手机端图片正常了,记录一下,以后可能还用得到。

代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//自适应图片大小来源于露兜
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);
}

发表回复

您的电子邮箱地址不会被公开。

佛系随缘更新 表达欲望太低了……