CSS无法正确显示.custom-logo，PHP是问题吗？

我已经尝试了几件事, 最终应该允许该图形以完整图像大小显示的工作是这样的：

.custom-logo {
   max-width: 100%;
}

没用无论出于何种原因, 它只会以225 x 225的分辨率显示.custom-logo, 而我似乎无法覆盖WP模板。我不是PHP专家, 但是从检查图像可以看出, 这似乎与模板PHP代码有关。这是显示徽标的代码。任何允许以全尺寸显示图像的想法都将有所帮助！显然, 我缺少一些东西。

<div class="site-branding">
<?php has_custom_logo() ? the_custom_logo() : ''; ?>

<div class="site-branding-text">
    <?php if ( is_front_page() ) : ?>
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    <?php else : ?>
        <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
    <?php
    endif;

    $description = get_bloginfo( 'description', 'display' );
    if ( $description || is_customize_preview() ) : ?>
        <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>
    <?php
    endif; ?>
</div><!-- .site-branding-text-->

谢谢！

#1

max-width不会设置图像的宽度, 它会设置允许调整大小的最大宽度。

使用宽度：100％；将图片的宽度设置为其空间的100％。

img{
  border: 1px solid black;
}

#div1 img{
  max-width: 100%;
}

#div2 img{
  width: 100%;
}

max-width: 100%
<div id="div1">
  <img src="https://via.placeholder.com/150">
</div>
width: 100%
<div id="div2">
  <img src="https://via.placeholder.com/150">
</div>

#2

我已经尝试了几件事, 最终应该允许该图形以完整图像大小显示的工作是这样的：

.custom-logo {
   max-width: 100%;
}

没用无论出于何种原因, 它只会以225 x 225的分辨率显示.custom-logo, 而我似乎无法覆盖WP模板。我不是PHP专家, 但是从检查图像可以看出, 这似乎与模板PHP代码有关。这是显示徽标的代码。任何允许以全尺寸显示图像的想法都将有所帮助！显然, 我缺少一些东西。

<div class="site-branding">
<?php has_custom_logo() ? the_custom_logo() : ''; ?>

<div class="site-branding-text">
    <?php if ( is_front_page() ) : ?>
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    <?php else : ?>
        <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
    <?php
    endif;

    $description = get_bloginfo( 'description', 'display' );
    if ( $description || is_customize_preview() ) : ?>
        <p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>
    <?php
    endif; ?>
</div><!-- .site-branding-text-->

谢谢！

#3

max-width不会设置图像的宽度, 它会设置允许调整大小的最大宽度。

使用宽度：100％；将图片的宽度设置为其空间的100％。

img{
  border: 1px solid black;
}

#div1 img{
  max-width: 100%;
}

#div2 img{
  width: 100%;
}

max-width: 100%
<div id="div1">
  <img src="https://via.placeholder.com/150">
</div>
width: 100%
<div id="div2">
  <img src="https://via.placeholder.com/150">
</div>