如何在twitter-bootstrap中停止响应图像？

Question

我正在使用twitter bootstrap来制作响应式布局.它的功能非常棒.

它使图像响应太快.我需要一些图像只需要固定宽度和高度.

<div class="span1"><img src="http://i.ytimg.com/vi/uGBKzIY4mpc/0.jpg" width="50" height="40"></div>

我该怎么做？

Answer 1

创建一个新类,并将最小高度和最小宽度设置为您不想缩小的图像的宽度和高度,并将该类添加到这些图像中.

例如.

/* css */
img.no-resize {
  min-height: 40px;
  min-width: 50px;
}

/* html */

<div class="span1">
  <img class="no-resize" src="http://i.ytimg.com/vi/uGBKzIY4mpc/0.jpg" width="50" height="40">
</div>

Answer 2

终于成功了。

.fixed_width {
  height: 40px;
  width: 50px;
}

<div class="span1"><img src="http://i.ytimg.com/vi/uGBKzIY4mpc/0.jpg" class="fixed_width" ></div>