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

.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-->




谢谢!

最佳答案

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

使用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>

关于php - CSS无法正确显示.custom-logo,PHP是问题吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59633105/

10-12 00:04
查看更多