为什么我的图片现在这么大？答案

【问题标题】：Why is my image so large now?为什么我的图片现在这么大？
【发布时间】：2017-08-29 17:16:05
【问题描述】：

我是一名中级后端开发人员，我总是试图自己解决问题并且通常会解决问题，但是将问题写出来是有力量的！之前可能已经说过了，但它就像rubber-ducking。

总之，突然间，我的 boostrap（天哪，我永远无法拼出这个词），booTstrap，使用 .brand 类样式设置的图像是巨大的，并且覆盖了整个屏幕。

当我用 Chrome 检查它时，我正在寻找与宽度和大小相关的样式，但找不到它们。我去把各种规则都取消勾选看看有什么变化，大小没有变化！

<%= link_to( (image_tag "Hockey_Protege_A_white.png", alt: "brand"), root_path, class: "navbar-brand" ) %>

更新 1

在一个正常工作的分支上，我找到了它使用的 CSS 并取消选中它，果然它看起来就像它在损坏的分支上所做的一样。

.app-navbar .navbar-brand img {
    width: 85px;
}

【问题讨论】：

噢，我的 application.html.erb 中可能没有 .container 包装器 div
尝试添加 .img-responsive 到图片
抱歉，我忘了提及 - 我正在寻找“开箱即用”的功能。它在我的开发分支上工作正常，然后我用一些旧资产重新设计了登录页面，不得不重新排序一些东西，然后它就坏了！

标签： css ruby-on-rails twitter-bootstrap

【解决方案1】：

好的，所以我意识到我错误地没有将应用程序级别的样式复制到 application.scss :(

一旦我添加了这个（用户已经建议但删除了他们的答案，因为我说我希望它“开箱即用”并且错误地认为我不需要任何额外的样式:()，它起作用了：

.app-navbar .navbar-brand img {
  width: 85px;
}

我仍然感到困惑，因为引导程序 (gem 'bootstrap', '~> 4.0.0.beta') 样式表正在加载，并且它们有一个 .navbar-brand 类，所以如果在 application.scss 中找不到样式，为什么它不能在@import "bootstrap"; 中找到它们吗？

【讨论】：