使图像响应高级自定义字段插件

Question

我正在使用引导程序和高级自定义字段插件。我创建了一个图像字段，但图像没有响应。任何人都可以帮助并有任何建议我如何编辑此代码以使图像在小屏幕上响应。

链接到我的网站：http://vizionstar.co.uk/global_listings/

这是我用来从 front-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>'; 
}

图片位于“行业对我们的评价”部分的推荐部分。

Answer 1

最简单的方法是将其添加到您的 style.css：

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

Answer 2

尝试将此行添加到您的 CSS 文件中

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