Question

此代码中的缩略图在FF和Chrome中正确显示，但在IE中，它们会根据其比例显示。

我将50px设置为长度和高度，所有缩略图都是FF和Chrome中的完美正方形。然而，在IE中，因为它们是基于某种比例重新调整大小，所以一些缩略图看起来很瘦，而其他缩略图正在以50x50尺寸正确显示。但是，所有缩略图仍然在50x50范围内，只是有些比其他缩略图更瘦。

function posts_in_cat( $atts ) {
$atts = shortcode_atts( array(
    'cat' => '',
), $atts );

if ( empty( $atts['cat'] ) ) {
    // If category provided, exit early
    return;
}

$args = array(
    'category' => $atts['cat'],
    // Disable pagination
    'posts_per_page' => -1
);

$posts_list = get_posts( $args );

if ( empty( $posts_list) ) {
    // If no posts, exit early
    return;
}

$opening_tag = '<ul style="list-style-type:none; padding-left:2px; display:block; clear:both;">';
$closing_tag = '</ul>';
$post_content = '';

foreach ( $posts_list as $post_cat ) {
    $post_content .= '<li class="highlightli" style="line-height:1.2em; margin-bottom:10px; display: flex !important; align-items: center !important;">' . get_the_post_thumbnail($post_cat->ID, array(50,50), array( 'class' => 'imgspecialalignleft' )) . '<a href="' . esc_url( get_permalink( $post_cat->ID ) )  . '">' . esc_html( get_the_title( $post_cat->ID ) ) . '</a></li>';
}

return $opening_tag . $post_content . $closing_tag;
}

Answer 1

解决方案是使用width: auto;作为图像属性之一。

get_the_post_thumbnail在IE中无法正确显示，但在FF和Chrome上却没问题

1 个答案: