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


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

搞了半天不知道哪出现问题,后边查看页面源代码才发现原来wordpress默认的在给文章插入图片都会带一个宽高属性,但是这样对制作自适应网页是非常不利的,下面小V给出处理方法,其实很简单只要在主题的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;
}