get_the_post_thumbnailはIEでは正しく表示されませんが、FFとChromeで正しく表示されます

Question

このコードのサムネイルはFFとChromeでは正しく表示されますが、IEではその比率に基づいて表示されます。

FFとChromeでは、長さと高さが50pxに設定されており、すべてのサムネイルは完全な四角形です。しかし、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

解決策は、画像プロパティの1つとしてwidth: auto;を使用することでした。