如何在引导转盘中显示相同大小的图像
提问于 2014-05-12 11:04:15
我一直在使用以下代码在Bootstrap carousel中显示图像：
<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 );，但它显示的是可变高度的图像。
如何在不优化图像的情况下控制大小？
回答 3
Stack Overflow用户
发布于 2014-05-12 12:14:13
我添加了以下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;
} 来解决这个问题
Stack Overflow用户
发布于 2014-05-12 11:08:55
为什么不把你的style.css
.carousel-inner img{
width: 400px;
height: 200px;
}Stack Overflow用户
发布于 2014-05-12 11:21:07
当然，您可以强制您的图像适合特定的宽度和高度，@rockStar建议使用CSS，然而，这将导致丑陋的不成比例的图像。有一些插件可以让你毫不费力地在你需要的尺寸上重新生成WordPress缩略图：
干杯。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23607284
复制相关文章
腾讯云开发者
