在调整窗口大小之前图像不显示吗？

Question

我正在一个基于wordpress的网站上，并试图更新公司团队页面。该部分是一个水平容器，其中包含每个成员的图像。

但是，我遇到了一个问题，即某些图像未显示在桌面视口上，即显示的第一张和最后一张图像，而不显示中间的图像。当我将屏幕宽度调整为移动屏幕尺寸时，其余图像才会填充。

我的php模板：

<div id="team-container" class="uk-column-1-1@s uk-column-1-3@m uk-column-1-5@l">
  <?php if ( have_rows( 'team_members' ) ) : ?>
  <?php while ( have_rows( 'team_members' ) ) : the_row(); ?>
  <a href="<?php the_sub_field('linkedin_url'); ?>">
    <div class="team-members">
      <?php if ( get_sub_field( 'image' ) ) { ?>
      <img class="team-members-img" alt data-src="<?php the_sub_field( 'image' ); ?>" data-srcset="<?php the_sub_field( 'image' ); ?>" uk-img>
      <?php } ?>
      <div class="team-members-name-layer">
        <h4 class="team-members-name"><strong><?php the_sub_field('name'); ?></strong><br><span class="team-members-positions"><?php the_sub_field('positions'); ?></span></h4>
      </div>
    </div>
  </a>
  <?php endwhile; ?>
  <?php else : ?>
  <?php // no rows found ?>
  <?php endif; ?>
</div>