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="http://www.srcmini.com/< ?php echo esc_url( home_url('/' ) ); ?> " rel="home"> < ?php bloginfo( 'name' ); ?> < /a> < /h1> < ?php else : ?> < p class="site-title"> < a href="http://www.srcmini.com/< ?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-->

【CSS无法正确显示.custom-logo,PHP是问题吗()】谢谢!
#1max-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="http://img.readke.com/220525/0FG24057-0.jpg"> < /div> width: 100%< div id="div2"> < img src="http://img.readke.com/220525/0FG24057-0.jpg"> < /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="http://www.srcmini.com/< ?php echo esc_url( home_url('/' ) ); ?> " rel="home"> < ?php bloginfo( 'name' ); ?> < /a> < /h1> < ?php else : ?> < p class="site-title"> < a href="http://www.srcmini.com/< ?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-->

谢谢!
#3max-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="http://img.readke.com/220525/0FG24057-0.jpg"> < /div> width: 100%< div id="div2"> < img src="http://img.readke.com/220525/0FG24057-0.jpg"> < /div>

    推荐阅读