当调整页面的宽度大小时，我只希望徽标在徽标两侧没有剩余空间时开始包含，因此此时调整页面的宽度。一定很容易！在小提琴的例子中似乎表现得像我想要的那样，但我自己的代码并不总是包含背景大小（徽标）。
我想要一个尺寸的徽标中心页面，并在页面宽度达到徽标的两端时调整尺寸。希望你能听懂我的英语。
这里是：小提琴
#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;
}
谁能帮我这个？