我在Bootstrap 3中有一行，它包含2列。
在“桌面”上，徽标的宽度为3列，导航为剩余的8列宽度
+ ---------------- + ----------------------------- ----- +
|我的标志|我的导航|
| | |
+ ---------------- + -------------------------------- - +
我的徽标是一张背景图片，并有一些CSS可以将其缩放到可用空间（div的宽度和高度）。
在较小的视口上，我将徽标和导航设为100％或12列。 IE垂直堆叠，顶部带有徽标，导航栏位于下方。
+ -------------------------- +
|我的标志
|
+ -------------------------- +
|
我的导航|
+ -------------------------- +
然而，一旦这个布局开始，我的徽标就会大量裁剪。 我将徽标DIV设置为150px的最大高度，但徽标背景缩放了可用的整个宽度并在信箱中裁剪。我宁愿它占用它的最大高度（150px）并根据它按比例定义它的宽度。
有什么建议吗？提前感谢您的时间。
logo-wrapper {
background-image: url(../../../images/logo.png);
background-repeat: no-repeat;
height: 150px;
background-size: 100%;
background-position: center bottom;
}