如何使用css或bootstrap定义图像的大小

Question

我目前正在建立一个网站，但我遇到了一些麻烦。 home_page_ideal是页面理想的样子。我的问题是左上方的小盒子图像。当我一直向上滚动时，页面看起来像home_page_issue。 CSS相关代码是：

.logo {
  padding: 38px 0;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

引导类col-md-2，col-sm-6，col-xs-12也用于父div。不确定它是否相关，但我认为提及它并不会有什么坏处。

我希望当图像一直向上滚动时，图像会保留在页面左上角。我之前有一个虚拟图像，一切正常，但后来我用实际图像替换它需要在那里，这发生了。

它可能与图像的大小有关吗？我不确定，但我会非常感谢任何帮助，提示或领导。

Answer 1

给它一个最大宽度或最大高度，这样它就不会超过一定的大小。 auto会占用父级的宽度，如果父级是col-xs-12，它将全屏显示。

Answer 2

终于弄清楚出了什么问题。它与图像的大小有关，所以一旦我调整了我的徽标，一切都恢复正常。我最初使用的虚拟img是134 x 32，当我更换时我的徽标是1400 x 1235.换句话说，我的徽标太大了。