我已经尝试了几件事, 最终应该允许该图形以完整图像大小显示的工作是这样的:
.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>
推荐阅读
- 在WordPress图片中创建自定义post不起作用
- WordPress中的CSS背景图片
- 无法在WordPress上运行functions.php下的CSS和javascript
- 在用户个人资料部分中创建自定义字段,以上传用户的简历
- 正确创建单页WordPress主题
- 创建一个包含子页面的页面,并让每个子页面都有自己的页面模板
- 将fopen/fwrite转换为WordPress WP_Filesystem
- 子主题(文件修改)
- Contact Form 7-在链接上单击填充文本字段