Image 负责Img CSS

尝试在标签上添加css背景图像，并使其在div中响应！ 每次我调整浏览器大小时，图像的大小都保持不变。不知道我做错了什么。已经建立了一个

这是我的密码

HTML

<div id="logo" class="col-md-8">
<a href="<?php echo esc_url(home_url('/')); ?>" title="WINNING POST BREWERY & PUB">WINNING POST BREWERY & PUB</a>
</div>

尝试设置

背景尺寸：100%100%`而不是“封面”

#徽标{
文本对齐：居中；
高度：自动；
最小高度：145px；
宽度：80%；
背景：rgb（212228239）；
背景：rgba（212228239.2）；
背景：-moz线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：-webkit渐变（左上，左下，颜色停止（0%，rgba（212228239.2）），颜色停止（100%，rgba（134174204.8））；
背景：-webkit线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：-ms线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：-o-线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
-webkit边界半径：8px；
-moz边界半径：8px；
-ms边界半径：8px；
-o-边界半径：8px；
边界半径：8px；
边框：1px实心#0D4364；
盒影：0 1px 1px#79C6FF；
填充：6px；
高度：2vw；
}
#标志a{
背景图像：url（'http://www.winningpostworcester.co.uk/wp-content/themes/WinningPost/ASSETS/logo.png');
背景位置：0；
背景重复：无重复；
保证金：0自动；
显示：块；
宽度：100%；
高度：自动；
文本缩进：-9999px；
背景大小：100%100%；
}

---

如果要将徽标的宽度设置为100%，请根据您的要求进行设置；然后您应该使用

背景大小：contain和
背景位置：中间

这样，横幅将保持其纵横比包含在父div中

您可以根据需要更改“最小高度”的值。记住将其同时应用于链接和容器


#徽标{
文本对齐：居中；
宽度：100%；
最小高度：145px；
背景：rgb（212228239）；
背景：rgba（212228239.2）；
背景：-moz线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：-webkit渐变（左上，左下，颜色停止（0%，rgba（212228239.2）），颜色停止（100%，rgba（134174204.8））；
背景：-webkit线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：-ms线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：-o-线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
背景：线性梯度（顶部，rgba（212228239.2）0%，rgba（134174204.8）100%）；
-webkit边界半径：8px；
-moz边界半径：8px；
-ms边界半径：8px；
-o-边界半径：8px；
边界半径：8px；
边框：1px实心#0D4364；
盒影：0 1px 1px#79C6FF；
填充：6px；
}
#标志a{
背景图像：url（'http://www.winningpostworcester.co.uk/wp-content/themes/WinningPost/ASSETS/logo.png');
背景位置：中心；
背景重复：无重复；
最小高度：145px；
保证金：0自动；
显示：内联块；
宽度：100%；
高度：自动；
文本缩进：-9999px；
背景尺寸：包含；
文本对齐：居中；
}

看看我的答案，希望能有所帮助。你能解释一下为什么你的
#logo
规则有以下两个属性
高度：auto；最小高度：145px？看起来你认为
#logo
的高度可以超过
145px
？如果是的话，那么是什么导致了身高的增加？是的，就是这样@alex Inconnati，非常感谢！
#logo {
    text-align:center;
    height:auto;
    min-height:145px;
    background:rgb(212,228,239);
    background:rgba(212,228,239,.2);
    background:-moz-linear-gradient(top,rgba(212,228,239,.2)0%,rgba(134,174,204,.8)100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(212,228,239,.2)),color-stop(100%,rgba(134,174,204,.8)));
    background:-webkit-linear-gradient(top,rgba(212,228,239,.2)0%,rgba(134,174,204,.8)100%);
    background:-ms-linear-gradient(top,rgba(212,228,239,.2)0%,rgba(134,174,204,.8)100%);
    background:-o-linear-gradient(top,rgba(212,228,239,.2)0%,rgba(134,174,204,.8)100%);
    background:linear-gradient(top,rgba(212,228,239,.2)0%,rgba(134,174,204,.8)100%);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    border:1px solid #0D4364;
    box-shadow:0 1px 1px #79C6FF;
    padding:6px;
}
#logo a{
    background-image:url('ASSETS/logo.png');
    background-position:0 0;
    background-repeat:no-repeat;
    margin:0 auto;
    display:block;
    width:100%;
    height:auto;
    text-indent:-9999px;
    background-size:cover
}