小编最近在学习制作只适应网页,在制作自适应 WordPress 模板的时候遇到一个问题使用以下 css 代码并没有生效:

img{
max-width:100%;
height: auto;
}

搞了半天不知道哪出现问题,后边查看页面源代码才发现原来 WordPress 默认的在给文章插入图片都会带一个宽高属性,但是这样对制作自适应网页是非常不利的,下面小编给出处理方法,其实很简单只要在主题的 functions.php 加一段代码即可,代码如下:

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

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