php - Pinterest 图像高度

Question

<div class="pin_image">

   <a href="<?php the_permalink(); ?>"><img width="191" height="auto" class="<?php echo $img_class; ?>" 
                src="<?php echo PricerrTheme_get_first_post_image(get_the_ID(),102,72); ?>" /></a>
</div>  

如何使上面的图像根据图片的纵横比动态生成高度？宽度将为 191 像素。就像 pinterest 一样。

Answer 1

基本上，您需要从 CSS 将高度设置为 AUTO，而不是使用 HTML4 标记宽度属性。使用内联样式（IMO 从来都不是一个好主意，除非用于演示目的。），编辑您的代码，使其看起来像这样：

<img src="blah.png" style="width:100px; height:auto;" />

祝你的项目好运！:)