php - 如何在 Bootstrap 轮播中显示相同大小的图像

Question

我一直在使用以下代码在 Bootstrap 轮播中显示图像:

<a href="<?php echo get_page_link( $page->ID ); ?>"> 
    <?php $image = wp_get_attachment_image( get_post_thumbnail_id($page->ID), 'child-page','', array('class' => "img-responsive img-shadow", 'alt' => get_the_title()))  ?>
    <?php echo $image; ?> 
</a> 

我在 functions.php 中添加了 add_image_size( 'child-page', 400, 200, true ); 但它显示的是可变高度的图像。

如何在不优化图像的情况下控制尺寸？

Answer 1

我添加了以下CSS

.gallery-slider .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: 170px !important;
} 

解决问题