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