Css Wordpress标题图像没有响应

Css Wordpress标题图像没有响应,css,wordpress,wordpress-theming,Css,Wordpress,Wordpress Theming,我仍在努力掌握响应式网页设计的诀窍 随着浏览器变小,我无法缩放标题图像 这是网站, 如果我尝试使.header图像#header#标题区域高度:100%或其他任何东西,它只会恢复为20px或其他东西,并被卡在那里 任何提示都会很棒! 谢谢我想您正在寻找CSS3属性,背景大小 因为您的图像是DIV的背景图像 如果您使用的是图像标记,您可以执行以下操作: img{ 最大宽度:100%; } 您还需要去除CSS中的一些污点,以便于#标题区。看起来不需要浮动:左或have溢出:隐藏。删除了宽

我仍在努力掌握响应式网页设计的诀窍

随着浏览器变小,我无法缩放标题图像

这是网站,

如果我尝试使.header图像#header#标题区域高度:100%或其他任何东西,它只会恢复为20px或其他东西,并被卡在那里

任何提示都会很棒!
谢谢

我想您正在寻找CSS3属性,
背景大小
因为您的图像是DIV的背景图像

如果您使用的是图像标记,
您可以执行以下操作:

img{
最大宽度:100%;
}
您还需要去除CSS中的一些污点,以便于
#标题区
。看起来不需要浮动:左
或have
溢出:隐藏。删除了
宽度
,将
高度
更改为
最小高度
<代码>无重复
添加到
背景

我会将其更新为:

#标题区{
背景:url(your image.jpg)不重复;
左侧填充:0;
最小高度:386px;
浮动:无;
溢出:可见;
背景尺寸:100%自动;
}

您使用的是媒体查询,还是仅使用%widths?我使用的是%widths,但也使用@media调整了一些东西,使屏幕宽度小于480px。如果您将媒体查询设置为将字体大小更改为低于某个屏幕宽度,则应该可以正常工作。标题图像本身受字体大小的限制。如果字体变小,导航也会变小。谢谢,但我不是说导航栏图像。我说的是主标题横幅图像。它是985x386px,但根本不可缩放。当我将浏览器缩小时,我可以缩放徽标图像,但是那些主要的横幅图像不能。