get_the_post_thumbnail 在 IE 中显示不正确，但在 FF 和 Chrome 中显示正常

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 中显示正常

get_the_post_thumbnail not displaying correctly in IE, but fine on FF and Chrome

php

wordpress

function

shortcode