小编最近在学习制作只适应网页,在制作自适应 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; }