html - 按钮大小显示不正确

Question

我有两个网站使用相同的主题。一个看起来不错，位于 http://yourwhiteknight.com/ .另一个有一个小问题，顶部电话号码下方有一个按钮，上面写着 Manufactured Homes。你可以在这里看到它:http://realestate.yourwhiteknight.com/

后一个站点上的按钮比第一个站点小，不应该这样。代码实际上是相同的，但我找不到它在哪里使按钮变小。

HTML:

<a href="http://www.yourwhiteknight.com/manufactured/">
     <img class="homes" width="233" height="38" src="http://www.yourwhiteknight.com/wp-content/uploads/2012/11/m.homes-tab.png">
</a>

请帮忙。

Answer 1

似乎 bootstrap CSS 正在使用以下代码影响 img max-width:

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

所以你可以覆盖它:

img.homes {max-width:none;}