仅当宽度大小开始接触徽标时，背景大小才包含徽标图像答案

【问题标题】：Background-size contain logo image only when width size start touching logo仅当宽度大小开始接触徽标时，背景大小才包含徽标图像
【发布时间】：2015-03-03 01:38:32
【问题描述】：

当调整页面的宽度大小时，我只希望徽标的两侧没有剩余空间时开始包含徽标，因此此时调整页面的宽度。一定很容易！在小提琴示例中，它似乎表现得像我想要的那样，但我自己的代码并不总是包含背景大小（徽标）。

我想要一个尺寸的徽标中心页面，并在页面宽度达到徽标的两端时调整尺寸。希望你能听懂我的英语。

这里是：fiddle

#logo {
display: block;
background: url("http://cdn4.colorlib.com/wp/wp-content/uploads/sites/2/2014/02/Olympic-logo.png");
background-repeat: no-repeat;
background-position: center center;
background-color: white;
background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
height: 30%;
top: 0;
left: 0;
margin: 0 auto;
padding: 0;
-index: -100;

}

谁能帮我解决这个问题？

【问题讨论】：

是的，这让我感到困惑，它在小提琴代码中有效，但在我的最后却不能使用相同的代码。

标签： html css background contain background-size

【解决方案1】：

我通过使用样式标签中的 css 创建单个 html 文件来检查代码，它不适用于 IE，但适用于 Chrome 和 FF。！

【讨论】：