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

问题描述：

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

链接到我的网站：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该行业回应关于我们“。

答

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

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

你救了我大量的时间，谢谢！ – Luke

欢迎:-)然后，也许您想“接受”我的回答，以便其他遇到类似问题的用户稍后可以更轻松地找到解决方案。 –

答

尝试加入这一行到你的CSS文件

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

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

相关推荐