使圖像響應高級自定義字段插件

我使用引導程序和高級自定義字段插件。我創建了一個圖像字段，但圖像沒有響應。任何人都可以提供幫助並且有任何建議，我如何編輯此代碼以使圖像在小屏幕上響應。使圖像響應高級自定義字段插件

鏈接到我的網站：http://vizionstar.co.uk/global_listings/

這裏是我的代碼，我使用的是從前端page.php文件獲取圖像：

if(get_field('testimonial_content')) { 
    echo '<div class="info-box-container">'; 

    $image = get_field('Image'); 
      $size = 'full'; 

      if($image) { 

      echo wp_get_attachment_image($image, $size); 
      } 

    echo '<h3>' . get_field('testimonial_title') . '</h3>'; 
    echo '<h1>' . get_field('testimonial_title2') . '</h1>';     
    echo '<h1>' . get_field('testimonial_title3') . '</h1>'; 
    the_field('testimonial_content'); 
    echo '</div>'; 
}

的圖像是在推薦部分「WHAT該行業迴應關於我們「。

來源

2016-12-04 Luke

最簡單的方法就是把它添加到您的style.css：

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

來源

2016-12-04 13:41:18

你救了我大量的時間，謝謝！ – Luke

歡迎:-)然後，也許您想「接受」我的回答，以便其他遇到類似問題的用戶稍後可以更輕鬆地找到解決方案。 –

嘗試加入這一行到你的CSS文件

img.attachment-full.size-full { 
    width: 100%; 
    height: 100%; 
}

來源

2016-12-04 13:38:26 dontanios

使圖像響應高級自定義字段插件

回答

相關問題