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

2023-12-23

我正在使用 twitter bootstrap 来制作响应式布局。它的效果非常棒。

它使图像过于敏感。我需要一些图像只需要固定宽度和高度。

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

我怎样才能做到呢?


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

eg.

/* 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 twitter-bootstrap 中停止图像响应? 的相关文章

随机推荐