get_the_post_thumbnail wird nicht korrekt im IE angezeigt, aber gut für FF und Chrome

Question

Die Miniaturansichten in diesem Code werden in FF und Chrome korrekt angezeigt, in IE werden sie jedoch anhand ihres Verhältnisses angezeigt.

Ich habe 50px als Länge und Höhe eingestellt und alle Vorschaubilder sind perfekte Quadrate in FF und Chrome. In IE jedoch, da sie basierend auf einem bestimmten Verhältnis neu skaliert werden, erscheinen einige Miniaturansichten dünn, während andere korrekt mit den Abmessungen 50x50 angezeigt werden. Allerdings sind alle Thumbnails immer noch innerhalb der 50x50 Grenze, nur dass einige dünner als die anderen sind.

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

Die Lösung wurde width: auto; als eine der Bildeigenschaften zu verwenden.