Question

我正在使用bootstrap，在row class内，我正在打印图像。图像的原始尺寸是150px X 150px，但是由于该行的周围环境，其宽度被挤压了一点，因为我得到了垂直拉伸的图像。有没有办法以某种方式减少图像的原始尺寸，以保持原始比例？这是我正在谈论的代码：

<div class="row"><a href="<?php echo $post['guid'];?>"><?php echo get_the_post_thumbnail( $post['ID'],'full' ); ?></a></div>

Answer 1

尝试在图片标记内使用.img-responsive类。它在响应的情况下保持图像的宽高比。

Answer 2

我成功的唯一解决方案是缩小我在那里展示的图像的大小。事实证明，在检查元素时，正在打印图像的块没有达到足够的宽度。我缩小了图像的宽度，它对我有用。不确定这是否是正确的方法，或者Bootstrap确实提供了一些类来完成这项工作。