Html 徽标未响应引导3

有些东西阻止了我的徽标响应。我想我有所有正确的标签

<div id="row" class="image-responsive">
<a href="default.asp"><img src="images/logo.png" alt="Top Jocks" border="0"></a>
</div>

提前谢谢。 戴夫

正如评论中提到的，应该应用于图像本身

通过添加

.img responsive

类，Bootstrap 3中的图像可以变得响应友好。这适用于

最大宽度：100%，
高度：自动和
显示：块以使其与父元素很好地缩放

已包含指令

img{border:0；}

所以试着使用

<a href="default.asp"><img class="img-responsive" src="images/logo.png" alt="Top Jocks"></a>

---

如果使用引导，则使用类

img响应

或者将css属性赋予您的徽标图像或类

img {
 width:100%;
 max-width:100%;
}

---

您需要在

img

标签中添加class

img responsive

<img src="images/logo.png" class="img-responsive" alt="Top Jocks" border="0">

---

class=“image responsive”

应应用于

img

tagI在您的页面上找不到id

logo

。此外，图像的宽度只需设置为100%

#logo {
  max-width:100%;
}
#logo img {
  display: block;
  margin: 0 auto;
  padding: 0px;
}

img {
 width:100%;
 max-width:100%;
}

<img src="images/logo.png" class="img-responsive" alt="Top Jocks" border="0">