小編最近在學習製作只適應網頁,在製作自適應 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;
}