Html 如何使用css或引导来定义图像的大小

我目前正在建立一个网站的过程中，我遇到了一些麻烦。是页面理想的外观。我的问题是左上角的小方框图像。当我一直向上滚动时，页面看起来像。与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中的一个。不确定它是否相关，但我想提到它不会有什么坏处

我想图像保持在左上角的页面框时，一个滚动所有的方式了。我以前在那里有一个虚拟图像，一切都很好，但后来我用需要在那里的实际图像替换了它，这就发生了

---

这可能与图像的大小有关吗？我不确定，但任何帮助、提示或线索都将不胜感激。

给它一个最大宽度或最大高度，这样它就不会超过一定的尺寸。自动使其占据父级的宽度，如果父级为col-xs-12，则将全屏显示。

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

不起作用。这些类用于下拉菜单。我只是想把徽标放在页面最左边。@MaximillianNaza-这个答案绝对行得通。回答“不起作用”是毫无用处的。有什么不起作用的？你用什么款式的？你确定你的风格体现了正确的元素吗？很抱歉。当我应用他的修复时，我的下拉菜单消失了，我的问题仍然存在。再次抱歉说得不够。鉴于问题中的信息，其他人无法回答此问题。最好干脆删除这个问题，因为它不太可能帮助其他有类似问题的人。